Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 19, 2017 at 12:00 pm #853806
    Monique

    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

    September 19, 2017 at 2:27 pm #853859
    Nikko

    Hey Monique,

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

    Best regards,
    Nikko

    September 19, 2017 at 3:10 pm #853877
    Monique

    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

    September 22, 2017 at 5:27 am #855151
    Ismael

    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

    September 25, 2017 at 12:58 pm #856463
    Monique

    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

    September 25, 2017 at 3:54 pm #856537
    Jordan Shannon

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Styling Extra H3 not working correctly’ is closed to new replies.