Skip to main content
Ask A Question
Notifications
You’re not receiving notifications from this thread.
Subscribe

Can someone help with some CSS please

General • Asked by DavidOwen

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... https://sarkariresult.onl/

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. https://pnrstatus.vip/

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)?

magnus


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.


Login or Create An Account to join the conversation.

Subscribe to the newsletter

Join 29,763+ developers who get early access to new screencasts, articles, guides, updates, and more.

    By clicking this button, you agree to the GoRails Terms of Service and Privacy Policy.

    More of a social being? We're also on Twitter and YouTube.