CSS - wordpres homepage issue - URGENT HELP NEEDED

CMS & WordPress
1

Hey guys,

As you can see from the homepage, the slider (picture) is smaller than normal, leaving a large gap between the slider & the content area.

I added the following to my style.css

Code:
Content .container {
padding:0;
}

& then this…

Code:
Content .container {
margin-top:-10px;
}

This worked really well, though it alters the home page as well as all the other pages…can you just make it specific to the home/index page as changing this obviously alters all the other pages…other than that it works great.

As i need to keep the other pages the same, but change the home page or specific page content in this case im using /home as my home page.

the URL is: http://healtharoma.co.uk/

thank you so much!

Sam

2

It’s not clear what your problem is (I can’t see where the negative margin is, or where it’s needed) but yes, you can target rules to a specific page. Just put a class on the body tag of that page (e.g. class=“home”) and then target the element like so:

.home #element {styles}

That way, the style change will only apply to one page.