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.

PageBuilder Row Style not working in Vantage Theme

Resolved 7 replies themetheme-vantage
Brian B
11 years ago · Last reply by Andrew Misplon 11 years ago

I have Vantage free installed along with page builder. I add my own row class under Row Styles -> Attributes and the style I want. In this case the class is “bb-grey” and the style is “background-color:#333.” That should be a background color to the row containing the headline widget, however the background color does not change. I have tried the same using the Influence theme and it works as it should. The only way this worked was if I modified the style.css file itself of the Vantage theme.

Also the background image property under Row Styles -> Design does not work on the Vantage theme. It does work on the Influence theme.

URL: http://www.whoisbrianb.com

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

Need fast email support? Get SiteOrigin Premium

Replies

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

    Hi Brian

    The class field will add a class to the div and the styles field will add inline styles. If you add a class, that class should be targeted with Custom CSS. Inspecting the source code will hopefully clear up how this is all working.

    In Vantage there is a clash between the old legacy row styles and then global Page Builder design tab. So in Vantage you’ll need to use the Theme tab. If you add a background color there it’ll work. We’ll have this conflict resolved in 1.0.4.

  2. Brian B 11 years, 1 month ago

    Thank you!

  3. Andrew Misplon Staff 11 years, 1 month ago

    For sure!

  4. sKozakish 11 years, 26 days ago

    Hi!
    I’m using Page Builder version 2.0.5.
    I have the same problem with the Vantage theme. In my case I would like to use a background image. I’ve been able to upload am image using the theme tab, as you told Brian B, but the image appears tiled. I tried to make it appear stretched using the CSS option. The row class is “wide-grey”, so I figured I should use this:

    .wide-grey  {
     background-size: 100%;
}

    It didn’t work :-(

    Then I read your post here:
    Thread: How do Page Builder row attributes work – row class, cell class and CSS styles

    Changed the CSS to:

    background-size: 100%;

    It didn’t work either.
    Now when I come to think about I can’t see any changes in the source code of the page that are caused by these CSS change.

    Please help!

  5. sKozakish 11 years, 26 days ago

    Another piece of info –
    I played with the row class. Changed it to bunch of other names, like “jumbotron”, “top-row” … and with these class names the image is not tiled automatically, but it responds to the “Repeat Background Image” checkbox, under the theme tab. CSS still doesn’t work though…

  6. sKozakish 11 years, 22 days ago

    I solved it by changing style.css

    • Andrew Misplon Staff 11 years, 11 days ago

      Hi sKozakish

      Glad to hear you’ve made progress. Please remember that editing style.css directly is not upgrade safe.

      If you open a new thread: https://siteorigin.com/new-thread/, we’ll do our best to help out ASAP.

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