Home>Support>Target element only on one page

Target element only on one page

By Christopher Stapleton, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

So, I have been using Page Builder to help with my site as I am a visual learner. I want to use CSS to target an element only on an h3 for only one page. I want to change the color of the h3 titles. Do I stay in the ‘edit’ pagebuilder title and paragraph to create that CSS (inline?) or do I have to go to the style.css sheet?

URL: http://coldwhitefire.com/genealogy/

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, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Christopher

    If you’re editing or adding CSS use Appearance > Custom CSS or a child theme. Any edits made to the theme’s style.css file will be lost during theme updates.

    https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

    You can target h3 tags under Appearance > Custom CSS as follows:

    .entry-content h3 {
color: #000;
}

    To make that specific for a page you’ll need to inspect the page source, find the body tag and use the unique class contained in the body tag. For example: http://coldwhitefire.com/genealogy/

    .page-id-4 .entry-content h3 {
color: #000;
}
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