Home>Support>Custom CSS not working

Custom CSS not working

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, 24 days 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, 24 days ago Private Message - WordPress

    This is a private message.

  3. 9 years, 24 days ago Fran Green

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

  4. 9 years, 24 days ago Private Message - Andrew Misplon Hi, I Work Here

    This is a private message.

  5. 9 years, 24 days ago Fran Green

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

    F

  6. 9 years, 24 days 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, 24 days ago Andrew Misplon
    Hi, I Work Here

    Click here for a larger version

  8. 9 years, 24 days ago Private Message - Fran Green

    This is a private message.

  9. 9 years, 24 days 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, 24 days ago Andrew Misplon
    Hi, I Work Here

    Am I perhaps missing the question?

  11. 9 years, 24 days 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, 24 days 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, 24 days 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, 24 days 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, 24 days ago Private Message - Fran Green

    This is a private message.

  16. 9 years, 24 days 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, 24 days 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, 24 days ago Private Message - Fran Green

    This is a private message.

  19. 9 years, 24 days ago Andrew Misplon
    Hi, I Work Here

    For sure, glad we could help.

    All the best.

  20. 9 years, 24 days ago Private Message - Fran Green

    This is a private message.

  21. 9 years, 24 days 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