Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #8816
    somekyleguy
    Participant

    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.

    #8826
    Sakin
    Keymaster

    @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

    #8846
    somekyleguy
    Participant

    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?

    #8849
    Sakin
    Keymaster

    @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;
    }
    #8850
    somekyleguy
    Participant

    Thanks a lot! Looks great now!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘A bit to ask… Probably really easy though…’ is closed to new replies.