Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1280514
    wt
    Participant

    Hello there,

    I am trying to decrease the feature images size & excerpts font listed on the posts category archive page. I tried to look for in the forum but couldn’t find any. Can some one help on this?
    Thanks!

    #1280520
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    @media (min-width: 980px){
        .blog .x-main .hentry>.entry-featured, 
        .search .x-main .hentry>.entry-featured, 
        .archive .x-main .hentry>.entry-featured {
            width: 25%;
        }
        .blog .x-main .hentry.has-post-thumbnail>.entry-wrap, 
        .search .x-main .hentry.has-post-thumbnail>.entry-wrap, 
        .archive .x-main .hentry.has-post-thumbnail>.entry-wrap {
            width: 75%;
        }
    
        .entry-content.excerpt {
            font-size: 14px;
        }
    }

    Hope it helps 🙂

    #1280525
    wt
    Participant
    This reply has been marked as private.
    #1280529
    wt
    Participant

    Thanks, one more thing please; can you also help to make the excerpt width smaller?
    Thanks!

    #1280536
    Christian
    Moderator

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

    .entry-content.excerpt {
        width: 80%
    }

    Thanks.

    #1280548
    wt
    Participant

    Thanks, it works perfect! However when the excerpt size got smaller the tittle remains the same. Can you also help to make the tittles size smaller?
    Thanks!

    #1280555
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

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

    Hope it helps 🙂

    #1280560
    wt
    Participant

    Sorry, What I mean was the title width size.
    Thanks!

    #1280562
    wt
    Participant

    I think thats fine, I don’t need to resize the title width now. Thank you so much for the help!

    #1280577
    Thai
    Moderator

    If you need anything else please let us know.

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