[mohossain]

Hello everyone & support staff! Thanks in advance for anyone’s assistance.

For starters, this is a great theme! I love it.
My site: http://cinderellabridalandflowers.com

1. I am trying to get rid of the pesky padding/white-space up at the top of the site (right above menu). I am trying to get rid of it with the following code, but can’t seem to get lucky. Any pointers?

/* Header padding ----------------------------------------------- */
#hgroup-wrap { padding: 0px; }
#site-logo { padding: 0px; margin: 0px; }
#hgroup-wrap .container { padding: 0px;}


2. Header everywhere except homepage.
This one’s got me completely stuck. I would like to have a header throughout my site, but not on the front page (aesthetics mostly). Is there a way to hide it from the home page but not others?

3. This one is not such a pressing matter:
I am trying to center the text of the footer with the following code (after padding) that I found somewhere on this site, but it’s not working.

/* Footer padding ----------------------------------------------- */
#site-generator .site-info { padding-top: 0px; padding-bottom: 0px; }
#supplementary .widget-area { float: none; }


Some CSS that may help others/save time looking:

/* Menu Height ----------------------------------------------- */
#header-menu ul.menu a { line-height: 30px; }

/* Hide slider nav ----------------------------------------------- */
#slider-nav { display: none; }

/* Disable empty main wrapper in homepage ---------------------- */
.home #main { display: none; }


[mohossain]

For more information’s sake, though it shouldn’t matter: I am using a child theme, so I can edit files without a problem.

[Sakin]

@mohossain: That’s nice that you are working on child theme. Then it will be great for editing.

If you don’t want to have he header in the Homepage. Then the easiest way will be to hide it from CSS.
.home #hgroup-wrap { display: none; }

To center the text of the footer add the following CSS.
#site-generator { text-align: center; }

[mohossain]

Sakin,

Thank you so much for the help! The footer worked flawlessly. With your first code, the space on the top of the home page disappeared, which is also what I wanted.

So I used this code to hide the extra space on top everywhere.
#hgroup-wrap { display: none; }

After further messing with CSS, it seems as though this code makes the home page images disappear all together (the slideshow too):
.home img.wp-post-image { display: none; }

Any idea how to separate the two? I thought it had relations with “.entry-content img” but that has no effect for some reason.

Thanks a lot for your continued help! Have a good day.

[Sakin]

@mohossain: You can use the following css to hide the featured image only in homepage.
.home #main-feat-img { display: none; }

[mohossain]

Awesome. That works perfectly.

Thank you very much, Sakin!!

[Author]

Posts