Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #25167

    I have two pages that use the special heading as a H3 tag and one has a top-margin and the other doesn’t. I know I can tweak the CSS to remove the margin but trying to figure out why they are not consistent.

    2yyuolz.jpg

    .av-special-heading {<br />
    clear: both;<br />
    display: table;<br />
    margin-top: 50px;<br />
    width: 100%;<br />
    }

    f1h1qw.png

    This overwrites the margin-top: 50px; inthe code above.

    body .container_wrap .avia-builder-el-first {<br />
    margin-top: 0;<br />
    }

    #126002

    Hey kcharity,

    We’ll need to see the two pages live and inspect the code on our end. If you can also give a brief overview of how the items are laid out in your visual editor/advanced layout editor that will help as well.

    Regards,

    Devin

    #126003

    Hey Devin,

    I’ve included links to our devsite and they will expire in two days:

    Extra Top Margin Page: http://www.urlgone.com/7f98af/

    Margin is ok: http://www.urlgone.com/572998/

    From what I can tell is the Div for the special heading with the extra padding is missing the “avia-builder-el-first” class so the CSS below is not associated to it like the page with the correct styling.

    body .container_wrap .avia-builder-el-first {
    margin-top: 0;
    }

    Both pages appear to be identical I used a template in the editor. with a 2/3 and a 1/3 column. The 2/3 has a special heading set to H3 with Modern followed by a text block.

    #126004

    Did you make the two pages at different times? Maybe between upgrades? I tried duplicating the layout of the page where the item isn’t getting the correct class but I’ve not been able to going off the look of the layout.

    #126005

    The issue is apparently the Video component in the 1/3 column to the right in the color section. Once I remove that the margins are aligned properly.

    Can you verify that and provide a solution?

    #126006

    I am not getting the same results. Did you try re-building that page? Have you updated to the 1.7.1 release?

    #126007

    Yes I am running the latest version and recreated the page. Once I delete the video out of the 1/3 column all is fine.

    The page is built with:

    color section with 2/3 and 1/3 inside (video in the 1/3)

    then a 1/1 with text block inside.

    a hairline with whitespace

    then a 2/3 (with a special heading and text block) and 1/3 (with an image)

    #126008

    Using that layout I’m still not getting the same error. I’ll tag the other support crew to see if they can re-create it on their end.

    Regards,

    Devin

    #126009

    Hi,

    The links you pasted above have expired. Please repost them again.

    Thanks,

    Nick

    #126010

    URL with bad formatting:

    http://www.urlgone.com/10aff7/

    Copy of above with video removed (formatting ok):

    http://www.urlgone.com/f780b7/

    #126011
    #126012

    Both links work fine for me.

    #126013

    The header with the video has this class:

    av-special-heading meta-heading blockquote modern-quote

    The header without the video has this class:

    av-special-heading meta-heading blockquote modern-quote avia-builder-el-6 avia-builder-el-first

    The CSS adding top margin like this:

    .av-special-heading {
    clear: both;
    display: table;
    margin-top: 50px;
    width: 100%;
    }

    By removing the video ‘.avia-builder-el-first’ gets added to the CSS class so the new CSS is this:

    body .container_wrap .avia-builder-el-first {
    margin-top: 0;
    }

    #126014

    Hi,

    Did you try modifying the selector on your custom.css or Quick CSS?

    .av-special-heading.meta-heading.blockquote.modern-quote {
    margin-top: 0 !important;
    }

    Regards,

    Ismael

    #126015

    That was going to be my fall back. I wanted your team to be aware of the bug.

    #126016

    I’ve still not been able to actually re-produce it. Even when creating a layout based on what you are saying breaks it so I’m not sure what the difference could be.

    The above will definitely fix I can’t quite say its a bug at this point as locally and live its not repeatable from what I can see.

    Regards,

    Devin

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

The topic ‘Top Margin on H3 Special Heading not consistent’ is closed to new replies.