Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #4673

    Pieter t
    Participant

    Hey there,

    Great support btw, tnx. One more question:

    Is there any place I can decrease the font size of the H1,H2 and H3 headers?

    tnx in advance

    #4675

    Rubin
    Keymaster

    Hey Pieter,

    go to the Customizer > Custom > CSS and add following values and change the px value to your needs.

    h1, .h1 { font-size: 30px; }
    h2, .h2 { font-size: 30px; }
    h3, .h3 { font-size: 30px; }
    h4, .h4 { font-size: 30px; }
    h5, .h5 { font-size: 30px; }
    #5079

    Pieter t
    Participant

    cheers, that worked

    #5098

    Rubin
    Keymaster

    Hey Pieter,

    Awesome! If you need anything else let me know.

    #18646

    flacnvinyl
    Participant
    This reply has been marked as private.
    #18694

    Rubin
    Keymaster

    Hey Drake,

    the reason why the custom css is not working is because those titles have inline style which is overwriting the custom CSS. When you go into the edit mode of that page you can see the headline shortcode and the statement: style=”font-size: 54px;” or if you’re using Visual Composer when you edit the headline and scroll to the Style textfield you will see font-size: 54px; – simply change the px value to achieve a smaller font.

    #18705

    flacnvinyl
    Participant
    This reply has been marked as private.
    #18723

    flacnvinyl
    Participant
    This reply has been marked as private.
    #18793

    Rubin
    Keymaster

    Hey Drake,

    switch to Text mode and then you will see something like:

    <h3>Video Production</h3> change it to

    <h3 style="font-size:20px;">Video Production New</h3>

    #19254

    flacnvinyl
    Participant

    Holdup… We just built our entire site with H1/2/3 tags, just like normal.. within site builder. I did not do any special coding, just normal h1/2/3 tags. I am not about to recode all <h3> tags to <h3 style=”font-size:20px;”> tags.

    Please tell me how I can reduce the size of the tags themselves. Since I am only using <h3> tags, why does this custom CSS not work…

    h3, .h3 { font-size: 30px; }

    #19275

    Kory
    Keymaster

    Hey Drake,

    Try appending the !important selector to the end of your CSS like so (you might even try adding the body element before it):

    body h3,
    body .h3 {
      font-size: 30px !important;
    }

    Thanks!

    #22053

    flacnvinyl
    Participant

    That worked! Thank you for the help! That was my only issue with the theme. LOVE X. By far the best theme we have ever used. Keep up the outstanding work!

    #22080

    Rubin
    Keymaster

    Thank you so much for the nice words! We really appreciate this.