This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Target element only on one page

Open 1 reply themetheme-vantage
Christopher Stapleton
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 11 years, 3 months ago

    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.

Have a different question or issue?

Start New Thread