Need CSS overrides / please help

I am making our website www.socialite.in and need css overrides for the music template... to change background/foreground colors, font colors, font types and top header colors etc. Also, the main menu is looking little deranged, please help me....

Hi
Can you be more specyfic what do you want to achieve ?

Hi
Can you be more specyfic what do you want to achieve ?

Please check my website http://www.socialite.in

I want to change the background color of all pages from #f6f6f6 to something else. Also the foreground from #ffffff to something else.

The main menu color and the top line color needs to be changed from #C9485A to something else of my choice.

This is all for now. Please help me with CSS overrides.

Can anyone help me on this please.

Hi
Sorry for delay, please add to override.css

- to change body background:

Code: Select all

body {
    background:#F6F6F6;
}


- to change foreground:

Code: Select all

#gkPageWrap {
  background:#ffffff;
}


This top line is a background image

Code: Select all

#gkPage {
    background-image: url("../images/style2/colorbar.png");
}


try edit it and about menu color you mean color when you are hovering menu item ?

Thanks.

The foreground change is not changing the entire page and I still see white color in all modules. Check my website www.socialite.in (I need all white color changed)

Also, I have changed the background color of main menu but still when I take the cursor around it shows a shade of red color. Can I change setting so I can change all RED color shades on page to some other color?

Please help me I am very close finishing it.

Hi
Sorry for delay, please add to override.css

- to change body background:

Code: Select all

body {
    background:#F6F6F6;
}


- to change foreground:

Code: Select all

#gkPageWrap {
  background:#ffffff;
}


This top line is a background image

Code: Select all

#gkPage {
    background-image: url("../images/style2/colorbar.png");
}


try edit it and about menu color you mean color when you are hovering menu item ?

To change rest of white color please add

Code: Select all

#mainContent {
background:#ffffff;
}


to change shade color please add

Code: Select all

#gkMainMenu > div > ul > li:hover, #gkMainMenu > div > ul > li:active, #gkMainMenu > div > ul > li:focus {
background:#DA596B;
}


Thanks a ton Konrad.

Can you also help me with code to change the color of search button and comments/tags section from currently to something else.

Also, I need to change the background colors for the slideshow module and the news section.

Please get me the details sooner you can and oblige.

To change rest of white color please add

Code: Select all

#mainContent {
background:#ffffff;
}


to change shade color please add

Code: Select all

#gkMainMenu > div > ul > li:hover, #gkMainMenu > div > ul > li:active, #gkMainMenu > div > ul > li:focus {
background:#DA596B;
}


For search butto try add

Code: Select all

#gkSearch .button,
#gkSearch .button:hover {
    background-color: #C9485A;
}



for comments/tag try add

Code: Select all

.tab1 ul.gkTabs li:hover {
    color: #C9485A;[code]
}
.tab2 ul.gkTabs {[/code]
    background:#C9485A;
}
.tab2 ul.gkTabs li {
    border-right-color: #B83749;
}
.tab2 ul.gkTabs li span {
    border-right-color: #DA596B;
}
.tab2 ul.gkTabs li:hover {
    background:#C9485A;
}


for news section

Code: Select all

.box.highlight .nspArt:hover > div {
    background: #C9485A;
}


There is great tool to check stuff like this. It is firebug dev extension for firefox. Please try install it it will be much easier for you.