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.

Custom CSS not working

Resolved 21 replies pluginplugin-page-builder
Fran Green
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

21
  1. Andrew Misplon Staff 10 years, 5 months ago

    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. WordPress Private 10 years, 5 months ago

    This is a private message.

  3. Fran Green 10 years, 5 months ago

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

  4. Andrew Misplon Private Staff 10 years, 5 months ago

    This is a private message.

  5. Fran Green 10 years, 5 months ago

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

    F

  6. Andrew Misplon Staff 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    Click here for a larger version

  8. Fran Green Private 10 years, 5 months ago

    This is a private message.

  9. Andrew Misplon Staff 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    Am I perhaps missing the question?

  11. Andrew Misplon Staff 10 years, 5 months ago

    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. Fran Green 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

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

  14. Andrew Misplon Staff 10 years, 5 months ago

    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. Fran Green Private 10 years, 5 months ago

    This is a private message.

  16. Andrew Misplon Staff 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    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. Fran Green Private 10 years, 5 months ago

    This is a private message.

  19. Andrew Misplon Staff 10 years, 5 months ago

    For sure, glad we could help.

    All the best.

  20. Fran Green Private 10 years, 5 months ago

    This is a private message.

  21. Andrew Misplon Private Staff 10 years, 5 months ago

    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.

Have a different question or issue?

Start New Thread