[somekyleguy]

I have a few things I need done and I know they can all be done using the custom CSS box. I’m just not sure where to start as I’ve tried all the options I could think of.

(see photo link)
http://decedue.com/wp-content/uploads/2013/05/Untitled.png

1. make the grey background transparent to show the main background
2. close the gaps between all the content boxes and widget boxes (about half)
3. round the corners of the footer box off to match all other content boxes
4. remove top and bottom grey lines on the footer.
5. make the footer #fff

Help would be greatly appreciated.

[Sakin]

@somekyleguy: Wow so many questions at a time.

1. make the grey background transparent to show the main background.
— Add the following CSS in “Appearance => Theme Options => Custom CSS” box.

#page, #main {
    background-color: transparent;
}

2. close the gaps between all the content boxes and widget boxes (about half)
— Add the following CSS in “Appearance => Theme Options => Custom CSS” box.

.hentry, .no-results, #author-info, #disqus_thread, #content .error404 {
    margin-bottom: 1em;
}

It is not recommend to change the distance between the sidebar and content.

3. round the corners of the footer box off to match all other content boxes
— Add the following CSS in “Appearance => Theme Options => Custom CSS” box.

#site-generator {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

4. remove top and bottom grey lines on the footer.
— Add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#colophon, #site-generator { border: none; }

5. make the footer #fff
— the footer is already #fff

[somekyleguy]

One more quick addition to #3. In addition to #site-generator for the rounded footer, I’d also like to round the navigation bar on all 4 corners as well. Which #[text][/text] would I add after #site-generator to get that?

[Sakin]

@somekyleguy: You can do same thing. For all the elements you can just add the rounded corner as you like.

#branding #access, #colophon #access-footer {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

[somekyleguy]

Thanks a lot! Looks great now!

[Author]

Posts