Home>Support>Custom CSS for home page only

Custom CSS for home page only

By Luke Rowell, 9 years ago. Last reply by Daniel, 9 years ago.

Hi

I would like to make my homepage have a different background to the rest of the site.

I would also like to make some of the widget backgrounds opaque in order to see the background of the home page.

How would I do this?

I’ve tried using chrome developer tools to find the information to create a custom CSS but I can’t see anything that highlights the homepage only.

Regards
Luke

URL: http://raulhorology.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 7 months ago Daniel
    Hi, I Work Here

    Hi Luke,

    You normally use the page’s id to make changes only to a particular page. The page id is found in the tag and for the your homepage the id is page-id-4268. So the CSS for example could look like this:

     .page-id-4268{ background-color: blue;}

    Please let me know if you need further assistance!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More