Shape 5

Joomla Templates => Metro Shows - Club => : puls3060 December 30, 2014, 05:38:46 AM


: Change overall font color
: puls3060 December 30, 2014, 05:38:46 AM
Hi,

Where do I change the main font color for this template ?

BR, Morten

: Re: Change overall font color
: mikenicoll December 31, 2014, 10:48:15 PM
Hello,

The majority of the font colors are controlled here:

:
Template.CSS - Line 803

#s5_register, #s5_login, #s5_nav li a, .S5_parent_subtext, .s5_h3_first, h3.s5_mod_h3, .blog-featured h1, .item-page h1, #s5_date_wrap, #s5_bottom_menu_wrap ul.menu li a, #s5_footer, #s5_footer_module, #s5_footer a, #s5_footer_module a, #s5_button_frame ul li a, #s5_breadcrumb_wrap, #s5_breadcrumb_wrap a, #s5_component_wrap_inner {
    color: #ffffff;
}

The rest of the fonts might be called out a bit more specifically. I would suggest using Firebug and hovering over any font element on the site to view where its color properties are inherited from.

: Re: Change overall font color
: puls3060 January 03, 2015, 04:28:25 AM
Hi again,

It was not in line 803, but further down (I forund it anyway) - this only change the headlines, I would like to change the text color from white into something else

http://mortenwiberg.dk/


BR, Morten

: Re: Change overall font color
: jonahh January 08, 2015, 01:50:04 PM
This will change some more:

.leading, .s5_iteminner, #s5_component_wrap_inner .items-row.cols-1, #s5_component_wrap_inner .items-leading, #s5_component_wrap_inner .items-row.cols-2 .span6, #s5_component_wrap_inner .item-page {
    color: #ffffff;
}
template.css (line 761)

The best way is to use firebug for firefox and then you can just use the "inspect" tool and it shows you exactly what CSS is formatting the text you want to change.  We have a video of how to use firebug under our knowledge base area of the site too but this is all we use to give you the CSS code.  Might help you out so you don't have to wait on use to reply with messages.