Home>Support>Adjusting H1s with CSS in Page Builder

Adjusting H1s with CSS in Page Builder

I have several headings that need to be white. I used Tiny MCE to turn them into h1s, and was then able to adjust their size with css. However, I cannot get the white hexcode css snippet to work.

For instance, the row that reads “Why Search Engine Optimization?” should be white and small caps.

The next row, build your brand, grow customer base, and maximize roi all need to be white too.

Then, the other services line needs to be white and small caps too.

URL: http://seogreensboro.zachbradshaw.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, 3 months ago Magus
    Hi, I Work Here

    Hi Zach

    The best way to do this would be to use the widget class. For the widgets requiring white text please enter a value in the Widget Class box in Attributes. Use the same name for all the widgets requiring white text.

    I will use ‘white-text’ as an example.

    In Custom CSS you can then target this group of widgets directly.

    .white-text h1 {
    color: #FFF !important;
    }
    

    Let us know how you get on

    Magus

  2. 9 years, 2 months ago Zach Bradshaw

    Sorry for the delay. Thanks. Of course it worked perfectly. Have a whole book on CSS and read a lot, but still have difficulty seeing when to put it into practice and when to try and use the theme or plugin options.

    Anyway, I appreciate the patience on the noob question.

  3. 9 years, 2 months ago Zach Bradshaw

    And Oh yea! I have moved the site to http://greensboroseopro.com

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