Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Social Share Addon showing wrong when used on SP page Module

Featured Lock Resolved Bug
I created a module 1 column, assigned to a position on the layout and when rendering front end is showing different design than when the addon its used on a regular page. so normally will be solid small squares one next to eacheder but by using it in a module the design shows one below the other and bigger button style, can anyone help me on this?

Attachments (1)

  • 2017-10-29_194602.jpg
    2017-10-29_194602.jpg 156.4 KB

12 Answers

Shibbir

More than a month ago #Permalink
Hello there,

Send me your site url to check

Thanks.

APD

More than a month ago #Permalink
is this conversation private? http://www.co-production.net/2017

Shibbir

More than a month ago #Permalink
is this conversation private? http://www.co-production.net/2017


Hi there,

This conversation is not private. You can use the envelop icon which is top right corner of your question title to send a private message

Thanks.

Shibbir

More than a month ago #Permalink
Hello there,

In custom.css file add bellow CSS code.


.sp-module ul >li {
display: inline-block;
border-bottom: 1px solid #e8e8e8;
-webkit-transition: 300ms;
transition: 300ms;
}


Thanks.

APD

More than a month ago #Permalink
thank you, i added the custom code to the custom css in template options. it worked but the shape of the icons is rectangular... how can i make them to be even square? also, it added a Grey line on the popular tags...
thank you
leandro

Attachments (2)

  • 2017-10-31_114242.jpg
    2017-10-31_114242.jpg 31.2 KB
  • 2017-10-31_114436.jpg
    2017-10-31_114436.jpg 84.8 KB

Shibbir

More than a month ago #Permalink
HI there,

Check attached file. It's working for me.

Thanks.

Attachments (1)

  • screenshot-www.co-production.net-2017-11-01-12-18-12-449.png
    screenshot-www.co-production.net-2017-11-01-12-18-12-449.png 55.5 KB

APD

More than a month ago #Permalink
what browser are you using im using firefox and i see them rectangular as my screenshot,...

Shibbir

More than a month ago #Permalink
what browser are you using im using firefox and i see them rectangular as my screenshot,...


Well,

Try to use this CSS code in the custom.css file:


.sp-module ul >li >a {
display: block;
padding: 5px 0;
line-height: 22px;
padding: 3px;
-webkit-transition: 300ms;
transition: 300ms;
}


Thanks.

APD

More than a month ago #Permalink
OK i see the difference, by adding to >li inline-block does the trick but still not able to make it even square
if i share in Pm login access can you check it for me? because all changes i do affects the rest of the site as the footer modules. please help me thank you

Shibbir

More than a month ago #Permalink
OK i see the difference, by adding to >li inline-block does the trick but still not able to make it even square
if i share in Pm login access can you check it for me? because all changes i do affects the rest of the site as the footer modules. please help me thank you


Please do it. Don't forget to send me this forum post URL.

Thanks.

APD

More than a month ago #Permalink
the only thing that worked so far was adding only .sp-module ul >li >a {display: inline-block;} that made the icons to be on the same line. but now they look rectangular, and i want them to be square. How can i do that?

Attachments (1)

  • 2018-02-03_153837.jpg
    2018-02-03_153837.jpg 388.9 KB

APD

More than a month ago #Permalink
This is the way i fixed it, added under custom code
.sp-module ul >li {
display: inline-block;
}

.sp-module ul >li > a {
padding: 2px 5px 2px 5px;
}

;)


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 211
Sifat

Sifat

Total Accepted Answers: 107
Toufiq

Toufiq

Total Accepted Answers: 47
Archange Consulting

Archange Consulting

Total Accepted Answers: 2
XO

Xavier Ogay

Total Accepted Answers: 1

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us