Support » Theme: Catch Box » remove gray borders around content

  • Resolved CK Photo


    I’ve successfully made my background white, which is what I wanted, but I’m unable to find the code to remove the gray borders that remain underneath the menu and the three at the footer.

    I would also like to reduce the distance between the menu items and the content, but am having trouble finding this as well.

    Thanks so much for any help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • CK Photo,

    The gray borders can be removed by changing the following colors to #FFFFFF.

    For the gray line underneath the menu:
    1. Line 183 in style.css

    #page {
        background: none repeat scroll 0 0 #CCCCCC;
        border-radius: 5px 5px 5px 5px;

    For the three lines at the bottom of the page:
    2. Line 2414 in style.css – Change border-bottom and border-top to #FFFFFF (two of the lines should be fixed by this)

    #site-generator {
        background-color: #FFFFFF;
        border-bottom: 2px solid #AAAAAA;
        border-radius: 0 0 5px 5px;
        border-top: 1px solid #CCCCCC;
        clear: both;
        color: #666666;
        display: block;
        font-size: 12px;
        line-height: 2.2em;

    3. Line 743 in style.css – Change border-bottom to #FFFFFF

    .hentry, .no-results, #author-info, #disqus_thread, #content .error404 {
        background-color: #FFFFFF;
        border-bottom: 2px solid #CCCCCC;
        border-radius: 5px 5px 5px 5px;
        margin: 0 0 2em;
        padding: 0.5em 5% 2em;
        position: relative;
        width: auto;

    * The lines numbers could be different, but you should be able to find the relevant code by searching. See if that works.

    Thank you SO MUCH! Got that problem solved!



    Isn’t it better to make the changes in a child theme?



    Could you please let me know how to you change all the gray background all together?
    I’m changing staff in Style.css but haven’t yet found the right lines.

    Can somebody please help me?

    I am new to and I am trying to figure out the css.
    I would love to remove the borders from the content and sidebars and everything and I keep finding posts about editing css and codes and I just dont know how.

    When I go to “edit css” there is nothing there. Only

    Welcome to Custom CSS!

    CSS (Cascading Style Sheets) is a kind of code that tells the browser how
    to render a web page. You may delete these comments and get started with
    your customizations.

    By default, your stylesheet will be loaded after the theme stylesheets,
    which means that your rules can take precedence and override the theme CSS
    rules. Just write here what you want to change, you don’t need to copy all
    your theme’s stylesheet content.

    What do I do?

    That would be the area that would enter your custom css declarations.
    If you are completely new to CSS, I recommend going here and learning about how it is used.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘remove gray borders around content’ is closed to new replies.