Remove top white gap on top of page

This topic has 14 replies, 4 voices, and was last updated 10 years, 6 months ago by cleansepro.

Viewing 15 posts - 1 through 15 (of 15 total)

Author

Posts
July 8, 2013 at 8:00 am #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
July 8, 2013 at 1:05 pm #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.
July 8, 2013 at 3:29 pm #11540

nzcid
Member

Hey Sakin

Much appreciated for the updated code. Works perfectly.

Thanks

July 8, 2013 at 10:12 pm #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?

July 9, 2013 at 12:46 am #11564

Sakin
Keymaster

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

July 9, 2013 at 12:59 am #11568

tault
Member

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

July 9, 2013 at 1:27 am #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.

July 9, 2013 at 2:51 am #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.

July 9, 2013 at 3:26 am #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.

July 9, 2013 at 11:00 am #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; }

July 9, 2013 at 4:44 pm #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?

July 9, 2013 at 7:33 pm #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; }

October 30, 2013 at 11:31 pm #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”>

October 31, 2013 at 9:40 pm #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

October 31, 2013 at 10:26 pm #16623

cleansepro
Member

Hi Sakin,

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

Many Thanks

CP
Author

Posts