How to change the BG color of "header_bottom" ?

Hi,

I think this is a very simple question, in "university" theme the "header_bottom" position is grey color by default. i really need to change it to a different color, how to do this ? where exactly that i have to edit ?

Or, if i am going to use a background image for the same module, to cover full height and width of the module (position) seamlessly. please advise me.

Thank you.

you can visit it : sisco.webs.lk (no www)

Hi

Simply add below code to override.css:

Code: Select all

#gkHeaderBottom {
    background: #f2f4f5 none repeat scroll 0 0;
}


with a hext color value of a color You select or with an url to the image which should be used as a background.

Thank you very much, it works, also is there a way that i can add a background image instead of the color ? maybe a pallarex ???

Hi

Try with a code like:

Code: Select all

#gkHeaderBottom {
    background: transparent url(PATH_TO_IMAGE_GOES_HERE) repeat fixed 0 0;
}


Hello there,

Thank you for your reply, i actually solved the issue. and exactly what i wanted, i wanted to make sure this background image always fill the whole available width, so i gave 100% for the image size, please review the code below, it works though it doesn't look very professional...

#gkHeaderBottom {
background: transparent url(images/about/about_top_large.jpg) repeat fixed 0 0;
background-position: center;
background-size: 100%;
}

i think we don't need to have the position and the repeat as i have given the size, 100%... please advise me on this.

Thank you and Best Regards,

Hi

It's good. Yes, "background-position: center; " part is not neccessary, but it will not matter if You will leave it there as well. I'm closing this thread since it's solved.