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

    Hi guys,

    I am finding that my H1-H6 tag appear differently on a page depending if they are sitting within a ‘shortcode’ created column or not..?

    http://easyretailsolutions.com/?page_id=210

    The 2x headings on this page (linked above) have the same <h2> tag but appear differently

    Dropcap heading font h2 tag

    DROPCAP 1 IN H2 TAG

    Is there any way to control this? They probably need to be one or the other.

    Thank you!

    Amanda

    #91860

    Hi Amanda,

    Yes, the Heading(H) Tag styles differ when they are inside a column shortcode. I think the easiest way to resolve this is to put some class inside your H tag and add its style in either Quick CSS or custom.css. For example, inside a column shortcode, instead of writing:

    <h2>DROPCAP 1 IN H2 TAG</h2>

    add a class inside your h2 tag:

    <h2 class="h2_style">DROPCAP 1 IN H2 TAG</h2>

    and add this to Quick CSS or custom.css:

    .flex_column .h2_style {
    color: #151515;
    font-family: 'Open Sans', arial, serif;
    font-size: 33px;
    font-weight: normal;
    line-height: 1.1em;
    margin-bottom: 10px;
    }

    if you want to style other H tags, just add a class inside your H tag and when styling use this pattern:

    .flex_column .class

    Just like the one we have done above. Hope this is helpful. :)

    Regards,

    Ismael

    #91861

    Awesome, I thought I was going a bit nuts! ;)

    What about if I wanted to use your column styled H2 (etc) tags – is there a class you are using that I add to my non-columed code to reference the column h tags?

    Thanks heaps!

    #91862

    Hi designjunkies,

    You can write the code this way:

    .flex_column .h2_style,
    h2_style {
    color: #151515;
    font-family: 'Open Sans', arial, serif;
    font-size: 33px;
    font-weight: normal;
    line-height: 1.1em;
    margin-bottom: 10px;
    }

    This way you can use h2_style even though it’s outside the column. :)

    Regards,

    Ismael

    #91863

    Awesome! Thanks guys! :)

    #91864

    Hi Amanda,

    Glad that we could help. :)

    Cheers,

    Ismael

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

The topic ‘h tags appearing differently if appearing within a column – Propulsion Theme’ is closed to new replies.