Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1261006
    Bark201
    Participant

    I the header format of posts that are listed in a category is a bit too large for me. I would like to change the size of the font or header to a lower size. When the user clicks on the category he sees the posts that were included in this category, all the user sees is the title and the excerpt I chose for the post.

    Im assuming this is CSS but Im not sure how to achieve it. I want want the header size to be reduced when displayed in a category and not inside the post itself. I want this done in all categories and not just a specific one.

    Please advise.

    #1261007
    Bark201
    Participant
    This reply has been marked as private.
    #1261155
    Christian
    Moderator

    Hey there,

    Please add the code below in your Appearance > Customize > Custom > Global CSS

    .entry-title {
        font-size: 224%;
    }

    Adjust the value if needed.

    Thanks.

    #1264174
    Bark201
    Participant

    Thank you for the solution, that worked.

    I would also like to reduce the size of H2 headers by default as they are also too big, how do I do that in style css?

    #1264187
    Christopher
    Moderator

    Hi there,

    Please add this as well :

    h2.entry-title {
        font-size: 100%;
    }

    Hope it helps.

    #1264367
    Bark201
    Participant

    Thank you, that h2 css didnt work for some reason. I tried using small and bigger % but it didnt change anything.

    #1264374
    Thai
    Moderator

    Hi There,

    Please try with this CSS instead:

    h2, .h2 {
        font-size: 100% !important;
    }

    Hope it helps 🙂

    #1265287
    Bark201
    Participant

    Thanks, I will try it later and let you know.

    #1265310
    Lely
    Moderator

    You’re welcome!

    Cheers!

    #1267035
    Bark201
    Participant

    that fixed the h2 header, I can now control the size, thanks.

    #1267113
    Rupok
    Member

    Great. Let us know if you need any other help.

    Cheers!

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