Support Forums

Support Offline : 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

10 Answers

Shibbir - Staff

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 - Staff

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 - Staff

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 - Staff

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 - Staff

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 - Staff

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.


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: 141
Toufiq

Toufiq

Total Accepted Answers: 48
Shibbir

Shibbir

Total Accepted Answers: 25
Pavel

Pavel

Total Accepted Answers: 4
Rodrigo Corbata

Rodrigo Corbata

Total Accepted Answers: 3

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