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

2 weeks 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

2 weeks 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: 208
Toufiq

Toufiq

Total Accepted Answers: 62
Sifat

Sifat

Total Accepted Answers: 59
Pavel

Pavel

Total Accepted Answers: 9
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 7

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