Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 13, 2019 at 7:13 pm #1138148
    dbvdb

    On the home page of johngalligan.com my CSS classes are now being ignored after updating Enfold to 4.6.2 (5.2.3 wp)

    Three buttons in the yellow header
    “Order on Amazon” “Order on Indie Bound” “About the Book”

    Two Buttons below have share a custom class
    “more book reviews” and “interviews and media mentions”

    “more books” area = Partner/logo element has a custom class that keep the images the same height.

    CSS file merging and compression is and has been disabled

    These actions did not help:

    • There is no cache plugin, I used the “Delete old CSS and JS files”
    • Changed the three new LayoutBuilder settings
    • Custom css classes input field, id attribute input fields, and heading styling to “show and allow to edit”

    Please advise. thanks.

    September 15, 2019 at 6:45 am #1138466
    Rikard

    Hey Deb,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    September 16, 2019 at 1:06 am #1138601
    dbvdb
    This reply has been marked as private.
    September 18, 2019 at 4:54 am #1139323
    Ismael

    Hi,

    Thank you for the update.

    The previous custom css class field has been removed or deprecated. You have to move the custom css class attributes in the elements’ Developers tab. Make sure that the Enfold > Layout Builder > Builder Options For Developers options are enabled.

    Best regards,
    Ismael

    September 18, 2019 at 7:54 pm #1139645
    dbvdb

    Yes Enfold > Layout Builder > Builder Options For Developers options ARE ENABLED to “show and allow” as stated ^ above
    And Yes – the css classes ARE IN the Developers tab. the class appears but the css is being ignored.

    the “more books” and “media mentions” button have class in developers tab subtledbvdb

    the class appears in the html

    `<div class=”avia-button-wrap avia-button-center avia-builder-el-10 el_after_av_hr el_before_av_hr subtledbvdb“><span class=”avia_button_icon avia_button_icon_left ” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span><span class=”avia_iconbox_title”> More book reviews</span></div>

    the child theme has the style.css:
    .subtleDbvdb.avia-button.avia-size-medium {
    color: #7CA0b6;
    font-size: 16px;
    font-weight: bold;
    }
    The css that has been working until 4.6.2 is being ignored.

    and “more books” area = Partner/logo element has a custom class dbvdbMoreBooks in developers tab that kept the images the same height and the background transparent

    the child theme style.css:
    /* book display */
    .dbvdbMoreBooks .slide-image {
    background-color: transparent !important;
    }
    .dbvdbMoreBooks img{
    max-height: 250px !important;
    }
    This css also was working until 4.6.2 is being ignored.
    Please advise how to fix it.

    September 20, 2019 at 4:10 am #1140086
    Ismael

    Hi,

    Thank you for the update.

    There should be a space between the custom css class attribute “subtledbvdb” and the “.avia-button.avia-size-medium” selector. And you have to use lowercase, so the following class attribute is invalid.

    .subtleDbvdb

    It should be:

    .subtledbvdb

    Best regards,
    Ismael

    September 20, 2019 at 5:34 pm #1140265
    dbvdb

    It looks so much better now.
    The culprit was the upper case. I wonder why it worked before the update.

    Anyway – thank you!

    *resolved*

    • This reply was modified 5 years, 2 months ago by dbvdb.
    September 20, 2019 at 8:57 pm #1140339
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘CSS being ignored after update to 4.6.2’ is closed to new replies.