By Courtney on Friday, 27 December 2013
Posted in General Issues
Replies 12
Likes 0
Views 1K
Votes 0
Im getting a black background on my social icons for ED and EB.. Is there any way to fix? Thanks!!
hey courtney,
this black background is coming from your rockettheme template as it's already styling the same class with the name "social-button".

to get rid of this add the following line to the your easydiscuss css or even better (if you have one) to your custom template css file:


div#discuss-wrapper .social-button {
background: none;
}


when using this exact code it will only affect the social buttons inside easydiscuss and let the rockettheme style untouched, so you got the best from both worlds - hope that helps
·
Friday, 27 December 2013 21:31
·
0 Likes
·
0 Votes
·
0 Comments
·
Im a tad-bit new to this game.. Do you know how to locate the css folder, and what line apply the code?? I have the same problem on my Easy Blog too.. thanks for your help!!
·
Friday, 27 December 2013 23:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Courtney,

You could try copy / pasting the codes Alex provided into the file /templates/rt_corvus/roksprocket/layouts/strips/themes/default/strips.css
·
Friday, 27 December 2013 23:38
·
0 Likes
·
0 Votes
·
0 Comments
·
additionally to mark's advice where to put my code here's another one to fix your problem at easyblog:


#eblog-wrapper .social-button {
background:none !important;
}


just copy it after the first code to the very same file.
hope that helps
·
Saturday, 28 December 2013 00:04
·
0 Likes
·
0 Votes
·
0 Comments
·
No luck guys... I applied both codes, starting at line 11
·
Saturday, 28 December 2013 00:27
·
0 Likes
·
0 Votes
·
0 Comments
·
hey courtney,
I think there are 2 problems:

1) your template currently uses a combined and cached version of your styles (there's probably a setting in your template saying compiling / minifying ... and so on). this needs to be re-created so that changes can take effect

2) the file you added the codes to could be wrong because "roksprocket" which is part of the path I see is an extension but not the template itself. look for something like yourjoomla/templates/rt_corvus/css or /styles and in there search for the main css file (probably the biggest one)
·
Saturday, 28 December 2013 00:52
·
0 Likes
·
0 Votes
·
0 Comments
·
if that's all too much template stress you can instead do this:

1) open file /components/com_easydiscuss/themes/simplistic/styles/style.css - then add:

div#discuss-wrapper .social-button {background: none !important;}



2) open file /components/com_easyblog/themes/default/css/styles.css and add

#eblog-wrapper .social-button {background:none !important;}


hope that helps
·
Saturday, 28 December 2013 01:18
·
0 Likes
·
0 Votes
·
0 Comments
·
So I can drop this code on any line inside these folders?? Thanks for your help
·
Saturday, 28 December 2013 02:59
·
0 Likes
·
0 Votes
·
0 Comments
·
yes, you can. just take care that you paste the code to the right file (as explained in my last post) and all should be fine
·
Saturday, 28 December 2013 04:10
·
0 Likes
·
0 Votes
·
0 Comments
·
YES!!! It worked... Bro your the best!! thanks for your help... I really appreciate it...
·
Saturday, 28 December 2013 04:58
·
0 Likes
·
0 Votes
·
0 Comments
·
you're welcome great to hear it's working now!
·
Saturday, 28 December 2013 05:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating Courtney Glad that your issues are resolved now.
·
Saturday, 28 December 2013 14:36
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post