Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #853806


    On a new site (see link to blog page below) I have inserted some Extra Styling for headers and such. The H3 for logo area, main content and socket is different from the H3 for alternate content and footer (see attached image). This works well for example in the sidebar. For the blog page I’ve created a grid row with section settings for alternate content. However, the H3 shows the settings for main content in stead of alternate content.

    Why would the extra styling work on one place and not on the other? Is this a mistake? Can this be ‘solved’ without extra CSS?

    Please advise.

    Thanks & regards,


    Hey Monique,

    Can you post the link also where it’s working properly? is it using masonry blog also?

    Best regards,


    Hi Nikko,

    Yes, I am using avia builder > grid row (2/3 and 1/3) > flexible masonry (in 2/3 column) to set up the blog page.

    On the same page in the right sidebar (1/3 column) you can see a widget. The widget title is also a H3 of which the style is as it should be.

    However, I just noticed that once you click to a single post (see example below), the widgettitle (also H3) in the sidebar is showing the same style as the av-masonry-entry-title of the posts in the blog page (also not as required). Most probably the difference is because the blog page uses avia builder and a single post not. I’ve always found it a bit strange with Enfold that there is a difference in style within the sidebar when you use avia builder compared to a “standard” sidebar. I’ve run into problems several time when using both “systems” for a blog, since the clients always want it to look the same…




    The heading advanced styling is actually created for special headings and heading tags that are manually created on a text or code block. The masonry element has its own “Element Colors” properties so it overrides the advanced styling. If you like, you can override the default styling in the Quick CSS field.

    #top #wrap_all .alternate_color h3, #top #wrap_all .footer_color h3 {
        color: #77b0dc;
        font-size: 14px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;

    Best regards,


    Hi Ismael,

    Thanks for your advise.

    My client asked me to solve the styling issue for H3’s through the theme options extra styling.

    Can you please flag this topic as solved?

    Have a nice day,



    I’m glad you were able to have this issue addressed. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Styling Extra H3 not working correctly’ is closed to new replies.