Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 4, 2017 at 3:03 pm #816360
    PhatJ

    hi
    i am using the h2 code for the headings of my home page but my seo standards program doesnt like that i have used the h2 tag too often.
    i think i need to create a new class with the same settings as my existing h2 but i cannot find them to copy
    if there is another way of doing it please advise the site is https://canonwindows.co.uk

    thanks in advance

    July 4, 2017 at 3:21 pm #816367
    Yigit

    Hey PhatJ,

    You can wrap your content inside a span tag with a custom class as following

    
<span class="custom-h2">Here goes my text</span>

    then you can add following code to Quick CSS in Enfold theme options under General Styling tab to style it as H2

    .custom-h2 {
    font-size: 28px;
    line-height: 1.1em;
    margin-bottom: 10px;
    font-weight: 600;
    color: white;
}

    Best regards,
    Yigit

    July 4, 2017 at 7:26 pm #816462
    PhatJ

    Thank you very much for a speedy response and solution.

    July 4, 2017 at 7:36 pm #816463
    PhatJ

    for some reason it is making the text blue and the background white – any ideas why?

    July 4, 2017 at 9:13 pm #816497
    Jordan Shannon

    Hi,

    Should it be reversed so it has white text and a blue background?

    Best regards,
    Jordan Shannon

    July 4, 2017 at 10:35 pm #816515
    PhatJ

    yes – i have reverted the first header

    July 4, 2017 at 10:46 pm #816521
    Jordan Shannon

    Hi,

    Add the following to quick css:

    
.custom-h2 strong {
    color: white!important;
    background:#3a5a97!important;
    padding:10px!important; 
}

    Best regards,
    Jordan Shannon

    July 4, 2017 at 10:51 pm #816523
    PhatJ

    excellent thank you almost there
    just need to make the background stretch to the same width

    July 4, 2017 at 11:03 pm #816527
    Jordan Shannon

    Hi,

    If it needs to be like that make the following adjustments to what I just sent you.

    .custom-h2 strong {
    color: white!important;
    padding:10px!important; 
}

    And add this as well:

    .av_textblock_section .avia_textblock .av_textblock_section {
background:#3a5a97 !important;
padding:12px!important;
}

    Best regards,
    Jordan Shannon

    July 4, 2017 at 11:27 pm #816535
    PhatJ

    nice one Jordan – thanks for your help – drop me your email, i might be able to throw a bit of paid work your way

    July 4, 2017 at 11:43 pm #816539
    Jordan Shannon

    Hi,

    I am glad we were able to get this worked out. If you need additional help, please us know here in the forums. Additional requested info is in the private area.

    Best regards,
    Jordan Shannon

    July 4, 2017 at 11:43 pm #816540
    Jordan Shannon

    Hi,

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘help finding h2 css code’ is closed to new replies.