[andliowoo]

Hi There,

I’m running the following site using Catch Box Pro:
welcome.dls-jersey.co.uk

I’ve got some custom CSS that make the page background transparent and display a graduated site background.

I’m trying to make the footer appear blue as the menu bar does, but can’t identify the colour range.

I’d also like to make my header logo/image the same width as the menu bar – I guess that means removing any padding???

Thanks in advance
Andrew

[Sakin]

@andliowoo:
1. I check in your site and your footer and menu bar has same background color. You just need to change the text color, for that you can add the following css in your Custom CSS box:

#colophon { border: none; }
#site-generator, #site-generator a {
    color: #eee;
}

2. For this, just go to “Appearance => Theme Options => Header Options” and then make 0 in Header Right Margin and Header Left Margin

[andliowoo]

Brilliant, Thank you!

[andliowoo]

Hi there, I’ve got a gradient background in custom css:
( welcome.dls-jersey.co.uk )

body {
background: #1e73be; /* Show a solid blue color for older browsers */
background: -moz-linear-gradient(#1e73be, #ffffff);
background: -o-linear-gradient(#1e73be, #ffffff);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e73be), to(#ffffff)); /* older webkit syntax */
background: -webkit-linear-gradient(#1e73be, #ffffff);

How can I make sure that the size of the background to “covers” the whole page as I sometimes get a blue bar at the bottom of a large browser window?

Thanks

[Sakin]

@andliowoo: It’s because #ffffff is white and you will see white at the end. So, change that to blue like below:

body {
    background: #1e73be; /* Show a solid blue color for older browsers */
    background: -moz-linear-gradient(#1e73be, #b2dafd);
    background: -o-linear-gradient(#1e73be, #b2dafd);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e73be), to(#b2dafd)); /* older webkit syntax */
    background: -webkit-linear-gradient(#1e73be, #b2dafd);
}

[Author]

Posts