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

    Hi,

    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,
    Monique

    #853859

    Hey Monique,

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

    Best regards,
    Nikko

    #853877

    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…

    Regards,
    Monique

    #855151

    Hi,

    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,
    Ismael

    #856463

    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,
    Monique

    #856537

    Hi,

    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.