- This topic has 4 replies, 2 voices, and was last updated 10 years, 10 months ago by somekyleguy.
-
AuthorPosts
-
May 11, 2013 at 6:41 am #8816somekyleguyParticipant
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.png1. 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 #fffHelp would be greatly appreciated.
May 11, 2013 at 11:24 am #8826SakinKeymaster@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 #fffMay 11, 2013 at 6:29 pm #8846somekyleguyParticipantOne 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?
May 11, 2013 at 6:48 pm #8849SakinKeymaster@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; }
May 11, 2013 at 6:49 pm #8850somekyleguyParticipantThanks a lot! Looks great now!
-
AuthorPosts
- The topic ‘A bit to ask… Probably really easy though…’ is closed to new replies.