Joomla Templates Club 406,261 posts

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#192365

I’ve changed the colour of the background of my JA Wall template to purple with the effect that now the type of the sidebar menu is difficult to read because only the white parts are visible, but not the dark shadow parts. Changing the font to all white or all black might help or maybe you have another suggestion what to change in which CSS file.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#512835

Hi Andrewwinkler,

Could you post your site URL here? I will give you suggestion

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#513242

http://therebel.org. I’ve switched back to the original grey blackground because users kept complaining that they had trouble reading the menu otpion text.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#513348

I believe an editor like Firebug will help you much in this case: http://prntscr.com/26lpq9

Here is tips of how to use Firebug: http://wiki.joomlart.com/wiki/JA_T3_Framework_2/FAQs#How_to_use_Firebug

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#513499

I already had a look with firebug but I couldnt’ figure out which font attribute creates the light shadow effect and where to change the colour.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#513521

I see that you changed the color of menu item in the sidebar already, it’s file: /templates/ja_wall/css/template.css, line 1505


#sidebar .categories-module li a {
-moz-box-sizing: border-box;
border-radius: 3px;
color: #9900FF
display: inline-block;
line-height: normal;
max-width: 100px;
overflow: hidden;
padding: 2px 5px;
text-overflow: ellipsis;
text-transform: uppercase;
}


In case, you’re mentioning another part, send me screenshot highlighting it and I will give you suggestion 🙂

[Author]

Posts