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.

Special header format on specific widget content

Resolved 6 replies premiumthemetheme-vantage
zkagen
11 years ago · Last reply by zkagen 11 years ago

Hi,

I would like to be able to do some special header formatting on specific PB widgets.

I have tried the following:

PB > Widget Styles Attributes > CSS Styles >

.entry-content h1 {font-size: 2em;}

But nothing happens. Se URL below.

Any idea why?

URL: http://wptest01.zkagen-marketing.dk/indholds-side-2/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Andrew Misplon Staff 11 years, 1 month ago

    Hi Hans

    Try inspecting the source using your browser’s developer tool. CSS Styles adds inline styles to the div in question, so it’s not possible to insert an entire selector, you can only insert properties like:

    font-size: 2em;

    But that would then apply to entire div and not just the header.

    This is what your source currently looks like:

    <div style=".entry-content h1 {font-size: 2em;};" class="panel-widget-style">

    Rather apply a row class under the Attributes tab when editing the row, you can then target what you need from there.

    Say your row class is:

    my-row-class

    Then under Appearance > Custom CSS you can use that class:

    .my-row-class .textwidget h1 {
font-size: 2em;
}

    Using your browser’s developer tool to inspect the source code and CSS is really the key to seeing what’s happening and making adjustments.

  2. zkagen 11 years, 1 month ago

    Hi Andrew,

    Thanks for your explanation, it is highly appreciated.

    HC

  3. Andrew Misplon Staff 11 years, 1 month ago

    No problem, hope that gets you going.

  4. zkagen 11 years, 1 month ago

    BTW, does this also work with Widget Styles > Attributes, or is it only in Row Style > Attributes ?

  5. Andrew Misplon Staff 11 years, 1 month ago

    Exactly the same principles apply. With widget attributes your class is getting added at the widget level, with row attributes your class is being added a bit higher, to the row. Try adding both, inspect the source, you can then see where they are being added.

  6. zkagen 11 years, 1 month ago

    Awesome :-)

    Thanks!

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