Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #11514
    nzcid
    Member

    Greetings

    url: http://www.christsbooks.com/

    I had this css to remove the padding around my header image. Since the update to the theme this css no longer works.

    #branding hgroup {
        margin: 0;
        padding: 0;
    }

    Are you able to give me an update to the css code to remove the margins and padding to the header please.

    Many thanks and blessings

    #11527
    Sakin
    Keymaster

    @nzcid: yes you can replace that with the following css.

    #header-content {
        margin: 0;
        padding: 0;
    }

    This changes was made to make it compatible to latest HTML5.

    #11540
    nzcid
    Member

    Hey Sakin

    Much appreciated for the updated code. Works perfectly.

    Thanks

    #11558
    tault
    Member

    Is there a way to fix the page to automatically adjust to screen sizes. For some reason the catch box theme as a single column page is so thin and not a sizable width of the page. Is there a way to expand the width without using side columns panels?

    #11564
    Sakin
    Keymaster

    @tault: You can use “No Sidebar: Full Width” Layout. Please add in your site URL.

    #11568
    tault
    Member

    How do I find that option?
    http://provensweets.com

    #11570
    Sakin
    Keymaster

    @tault: Yes you need “No Sidebar: Full Width” Layout and upgrade to Catch Box Pro version. As you have disable the Footer create which is not allowed in Free version. that is why you also have error in footer. In Pro version there is easy to use Footer Editor options to change the footer text. See this for more details about Catch Box Pro. http://catchthemes.com/theme-instructions/catch-box-pro/

    But if you want support with Free theme, then add back the footer credit.

    #11573
    tault
    Member

    I updated the catchbox theme and now the entire site has changed. No big deal, but how do I:

    How do I Remove Site Title and Tagline?: My header already displays the title and tagline I needed.

    How do I change the background color from grey to pink: #da0059

    How do I change the color of the light grey frame around the content of my pages? I guess its called the grey border around the content.

    My Menu page keeps showing the Blog Page. How do I link my menu page to my actual Menu. It’s never done this before so I am a bit confused.

    #11576
    tault
    Member

    Yes!
    I was able to figure out the Menu page isssue and the update has restored the footer for me. I just need your help with the other issues.

    How do I Remove Site Title and Tagline?: My header already displays the title and tagline I needed.

    How do I change the background color from grey to pink?: #da0059
    How do I change the color of the light grey frame around the content of my pages? I guess its called the grey border around the content.

    #11591
    Sakin
    Keymaster

    @tault:
    You can manage your site title and header image from “Appearance => Header”. But looks like you have already managed it.

    You can change the background from “Appearance => Background”.

    To change the grey background from the main. You can add the following css in “Appearance => Theme Options => Custom CSS” box.
    #main { background-color: #eee; }

    #11599
    tault
    Member

    Thank You for the insight. I had an issue with the code:

    #main { background-color: #eee; }

    I entered it into the Custom CSS area, but it didn’t change the background of the content frame. Any ideas?

    #11602
    Sakin
    Keymaster

    @tault: You need to change the color code as your need. The code is fine. For example if you want to make pink like your background then it will be as below:
    #main { background-color: #da0059; }

    #16569
    cleansepro
    Member

    Hi, in order to reduce the padding around the header as discussed above, where do I place the following code you suggested above ?

    #header-content {
    margin: 0;
    padding: 0;
    }

    </head>

    <body <?php body_class(); ?>>

    <?php
    /**
    * catchbox_before hook
    */
    do_action( ‘catchbox_before’ ); ?>

    <div id=”page” class=”hfeed”>

    <?php
    /**
    * catchbox_before_header hook
    */
    do_action( ‘catchbox_before_header’ );
    ?>

    <header id=”branding” role=”banner”>

    <?php
    /**
    * catchbox_before_headercontent hook
    */
    do_action( ‘catchbox_before_headercontent’ ); ?>

    <div id=”header-content” class=”clearfix”>

    <?php
    /**
    * catchbox_headercontent hook
    *
    * @hooked catchbox_headerdetails – 10
    * @hooked catchbox_header_search – 15
    */
    do_action( ‘catchbox_headercontent’ ); ?>

    </div><!– #header-content –>

    <?php
    /**
    * catchbox_after_headercontent hook
    *
    * @hooked catchbox_header_menu – 10
    */
    do_action( ‘catchbox_after_headercontent’ ); ?>

    </header><!– #branding –>

    <?php
    /**
    * catchbox_after_header hook
    */
    do_action( ‘catchbox_after_header’ );
    ?>

    <?php
    /**
    * catchbox_before_main hook
    */
    do_action( ‘catchbox_before_main’ );
    ?>

    <div id=”main” class=”clearfix”>

    <?php
    /**
    * catchbox_before_primary hook
    *
    */
    do_action( ‘catchbox_before_primary’ ); ?>

    <div id=”primary”>

    <?php
    /**
    * catchbox_before_content hook
    *
    */
    do_action( ‘catchbox_before_content’ ); ?>

    <div id=”content” role=”main”>

    #16618
    Sakin
    Keymaster

    @cleansepro: You need to send me your site URl and then I can see how you can do it. If you are thinking about adding Custom CSS then you can add it in “Appearance => Theme Options => Custom CSS” box and not in header.php

    #16623
    cleansepro
    Member

    Hi Sakin,

    I added the code as you advised above and it’s worked a treat.

    Many Thanks

    CP

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Remove top white gap on top of page’ is closed to new replies.