Monitor Reply

Support

change color of main navigation and footer

Permalink Browser Info Environment October 15, 2013 at 10:46 PM

Hi,

I purchased the theme but have been looking for the main.css to change the color of the main nav without success.

Also wanted to change the color of the footer.

Type:	Discussion
Status:	New

ronyDdeveloper replied on Oct 16, 2013 at 12:32 am Permalink Reply

You should post this into the support section. Anyway the css file is called template.css, its in: ROOT/packages/theme_luxury/themes/luxury/css/ folder.

If you need to change the footer css, then navigate template.css and just go to line no. 1246
You will find the below code

#footer-wrapper {
    background: url("../images/footer_texture.jpg") repeat scroll 50% 0 rgba(0, 0, 0, 0);
    color: #717171;
    font-size: 11px;
    line-height: 20px;
    position: relative;
    z-index: 3;
}

It is using background image, you can comment that line and put your own background color.

The menu color is depends upon the site base color. The default is set as red. For styling the menu color, you need to go to template.css and find line no 862. You will find

.navigation ul.sf-menu > li.active > a, .navigation ul.sf-menu > li.sfHover > a, .navigation ul.sf-menu > li.current > a, .navigation ul.sf-menu > li.active > span, .navigation ul.sf-menu > li.sfHover > span, .navigation ul.sf-menu > li.current > span {
    color: #D71223;
}

Change the color as required.

Rony

riccii replied on Oct 16, 2013 at 11:19 am Permalink Reply

ok thanks.

Luxury Theme

Support

change color of main navigation and footer

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post