Home>Support>Custom CSS for home page only

Custom CSS for home page only

By Luke Rowell, 10 years ago. Last reply by Daniel, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. 10 years, 4 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