Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1146753
    Frocreate
    Participant

    Hi again, thanks again for your continued support!

    I am having trouble getting an h3 tag’s weight to change from the default setting. Id like the h3s in the following link (section 3 of the page, area with the 4 blue icons) to use a lighter weight – 300 or 100 – but cannot seem to make it happen

    #1146755
    Frocreate
    Participant
    This reply has been marked as private.
    #1146879
    Joao
    Moderator

    Hi There,

    Please add any of the following classes to your Custom Headline Element Class box:

    w-100 or w-300

    FONT WEIGHTS
    • w-100 – font weight 100
    • w-200 – font weight 200
    • w-300 – font weight 300
    • w-400 – font weight 400
    • w-500 – font weight 500
    • w-600 – font weight 600
    • w-700 – font weight 700
    • w-800 – font weight 800
    • w-900 – font weight 900

    Hope that helps

    Joao

    #1148222
    Frocreate
    Participant

    Sorry, not clear on how to implement this. I tried adding <h3 class=”w-100″> to the headings but that didnt work

    #1148515
    Joao
    Moderator

    Hi There,

    You need to use this instead :

    <h3 class="w-100"> Hello </h3>

    This is different from " 🙂

    You also can use the Class Box. Please see image attached.

    Hope that helps

    Joao

    #1153642
    Frocreate
    Participant

    Is there no way to adjust this in the style sheet? It seems asinine to me to have to style these individually if I have, say, 4 headings on a single page. Further, the above <h3 class=”w-100″> Hello </h3> did not work. I am using the correct “”

    #1153832
    Nabeel A
    Moderator

    Hi again,

    You can use the following code in your style sheet:

    h3 {
        font-weight: 100 !important;
    }

    Hope this helps!

  • <script> jQuery(function($){ $("#no-reply-1146753 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>