Only change color homepage

Hi Anil,

You can use this custom CSS in Appearance > Customize > Additional CSS:

.home .site-content {
  background-color: #000;
  color: #fff;
}

.home .site-content h1 {
  color: #fff;
}

Or maybe you want to remove the area from your front page? In that case use:

.home .site-content {
  display: none;
}

Please try using your browser code inspector to determine the CSS you need to use to modify the theme.

Regards,

Oliver

Thank you so very much . It was driving me nuts. You are THE best . I used the last option Super happy

Ok so there is now an extra issue on the mobile view as you can see here

https://imageshack.com/a/img924/5962/EdmBjW.png

Is there a way to fix the grey part only on that part ???

Or maybe there is a version where the word home is not visible ??

Anyways , it’s alreaady a big improvement . But would be great with those small edits . Thank you again.

Hi Anil,

That’s you website background. As the website is too short on the mobile devices, you can see it below the site. You can change it in Appearance > Customize, but I don’t think this is the option for you.

You may want to apply responsive custom CSS such as:

@media only screen and (max-width: 42em) {
  body { background-color: #000; }
}

Regards,

Oliver

• This reply was modified 7 years, 12 months ago by WebMan Design | Oliver Juhas.

Hi Oliver,

I’m not sure what that mod did cause I don’t think I saw any change . Maybe I did it wrong .

I guess the best solution would be to change the background color to black and only on the homescreen . And indeed I can’t achieve that in the customizer.