Ask A Question


You’re not receiving notifications from this thread.

Can someone help with some CSS please

DavidOwen asked in General

I am working on a website and i'm trying to change the vertical height of the header of one of my pages. I only want the header of this page to change and not all of the headers across the whole website.

I have been told that i need to use the custom CSS section and change it there but i can't figure it out.

I hope you might be able to help...

I inspected the element of the page on my web browser and this is the htlm i found which is the section i need to mess with:

i need the min-height to be 300px

I've checked for this bg-image-overlay in the theme editor and i cant see a min-height line of code to edit.

I'm really stumped and not sure how to change it.

I'm using Wordpress by the way.

Any help would be greatly appreciated.


Hi David
do you have a link to the site (the html code was stripped from your post)?



Hi David. I'm not very familiar with WordPress, but it seems that every page has a unique class in the body tag, "page-id-000", where 000 is the page you want to change.

So if this is just for one page on your site, you could use:

.page-id-000 .header {min-height: 300px}

Make sure you put this override below the original style of the header in the CSS file.

Join the discussion
Create an account Log in

Want to stay up-to-date with Ruby on Rails?

Join 82,329+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.