Ask A Question

Notifications

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... 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.

Reply

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

magnus

Reply

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.

Reply
Join the discussion
Create an account Log in

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

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

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