Home>Support>Custom CSS not working

Custom CSS not working

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Page Builder has always worked well for me in the past, but for some reason the custom CSS I’m adding to the Attributes area simply isn’t working. I’m adding a class name (that doesn’t show up in the page source), along with styling (the styling shows up but doesn’t work).

I can target the Page Builder CSS in my child theme, but I’d prefer to be able to target my own CSS classes. The ability to add one-off styles would be useful too.

Is there something I’m missing?

I’m using the latest Page Builder with WordPress Twenty Thirteen.

Thanks,

F

URL: http://festival23.org.uk/background/

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 Fran

    Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

  2. 9 years, 10 months ago Private Message - WordPress

    This is a private message.

  3. 9 years, 10 months ago Fran Green

    Sure. Thanks for your help, it’s appreciated.

  4. 9 years, 10 months ago Private Message - Andrew Misplon Hi, I Work Here

    This is a private message.

  5. 9 years, 10 months ago Fran Green

    You should have received an email message – let me know if you haven’t.

    F

  6. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Thanks :)

    Do you have an example page where classes aren’t printing or styles aren’t working?

    Here is test page I just created. Everything looks normal:

  7. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Click here for a larger version

  8. 9 years, 10 months ago Private Message - Fran Green

    This is a private message.

  9. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    The only row there with a row class is the last one. The footer class is printing. One above that there is a widget class of writing, that’s printing too.

  10. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Am I perhaps missing the question?

  11. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    I’ve checked your child theme style.css file. You’re not targeting those classes there so I’m guessing you were still going to do that part.

  12. 9 years, 10 months ago Fran Green

    The .writing class seems editable, but the menu block and the footer block aren’t taking any edits to the class names I’ve assigned (either through the Attribute section or the child CSS).

    The footer I’ve had to style like a normal WordPress page.

    Does that make any sense? (I hope so!)

  13. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Sorry, not quite with you. Are you saying you set a class name and now can’t change that class name?

  14. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Here is my guess. Page Builder looks to be functioning normally. If you’d like, please, send the CSS you were using to target these classes and I’ll take a look at that.

  15. 9 years, 10 months ago Private Message - Fran Green

    This is a private message.

  16. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Thanks. I see now. The challenge here isn’t Page Builder. Classes and declarations are being added as per spec. The challenge is just regular CSS stuff.

    Let’s take a look at the menu block. Why isn’t the background color declaration working? This post explains a bit:
    http://stackoverflow.com/questions/14967413/background-color-not-showing-for-a-div

    So an easy fix there is to to target with:

    .Fran-menu {
    background: black;
    overflow: auto;
    }
    
  17. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Or if you just want to add these to the CSS styles field it would just be:

    background: black
    overflow: auto
    

    No closing ; is required when using the row CSS styles field.

  18. 9 years, 10 months ago Private Message - Fran Green

    This is a private message.

  19. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    For sure, glad we could help.

    All the best.

  20. 9 years, 10 months ago Private Message - Fran Green

    This is a private message.

  21. 9 years, 10 months ago Private Message - Andrew Misplon Hi, I Work Here

    This is a private message.

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