Joomla Templates Club 406,261 posts

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#680751

I’m using Content-Plugin Social and Share Count (3rd party). When I view any article it conflicts with the icons of social buttons (located at the top and footer).

Some way to fix this via CSS?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#680787

Hi

This issue is because of the third party extension , using same class and it apply the background css in the icons .
Here > http://prntscr.com/8ata1i

You can try my solution below :
add this code in custom.css file

.customja-social .fa-twitter, .customja-social .fa-google-plus, .customja-social .fa-pinterest {background:none!important; margin: 0px!important; height: auto;text-align: -webkit-left;}


save and check .

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#747016

Hi

This issue is because of the third party extension , using same class and it apply the background css in the icons .
Here > http://prntscr.com/8ata1i

You can try my solution below :
add this code in custom.css file

.customja-social .fa-twitter, .customja-social .fa-google-plus, .customja-social .fa-pinterest {background:none!important; margin: 0px!important; height: auto;text-align: -webkit-left;}


save and check .

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#680792

@pankajsharma thanks for answering
The bottom section has been resolved, but the top of the buttons are still in conflict

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#747021

@pankajsharma thanks for answering
The bottom section has been resolved, but the top of the buttons are still in conflict

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#680796

Hi
To remove icon bg add this code :

.item-home .fa-twitter, .item-home .fa-google-plus { background:none!important; text-align:center;}

but you need to comment out the icon color code from the third party extension css , as if you will override it will be static on on hover that will not looks good , Here >> http://prntscr.com/8atmpf
this is not issue generate from the third party extension.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#747025

Hi
To remove icon bg add this code :

.item-home .fa-twitter, .item-home .fa-google-plus { background:none!important; text-align:center;}

but you need to comment out the icon color code from the third party extension css , as if you will override it will be static on on hover that will not looks good , Here >> http://prntscr.com/8atmpf
this is not issue generate from the third party extension.

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#681143

@pankajsharma You can change the last time? The button social twitter module (TOP BLOGGERS) is also in conflict. Visit the Blog menu of my site and open any article that the problem will appear in the sidebar.

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#747228

@pankajsharma You can change the last time? The button social twitter module (TOP BLOGGERS) is also in conflict. Visit the Blog menu of my site and open any article that the problem will appear in the sidebar.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#681163

Hi its working fine on my side : http://prntscr.com/8bn3xg
kindly check.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#747243

Hi its working fine on my side : http://prntscr.com/8bn3xg
kindly check.

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#681339

@pankajsharma The problem only appears when a blog article opens. The problem comes in multiple browsers. Please see this link which goes straight to the issue. http://bit.ly/1NKB3TH

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#747276

@pankajsharma The problem only appears when a blog article opens. The problem comes in multiple browsers. Please see this link which goes straight to the issue. http://bit.ly/1NKB3TH

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#681344

Hi
Issue is from the third part extension .
you need to remove the bg color code as its override by third party extension .
but after removing it third party extension icon also not use bg . Here > http://prntscr.com/8brmy1

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#747281

Hi
Issue is from the third part extension .
you need to remove the bg color code as its override by third party extension .
but after removing it third party extension icon also not use bg . Here > http://prntscr.com/8brmy1

[Author]

Posts