[Resolved] featured column font size

Home Forums Support featured column font size

Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
    Posts
  • #1475112
    sanu kumar

    I want to make H2 text size of first post bigger than grid posts. How to do that?

    #1475275
    Leo
    Staff
    Customer Support

    Hi there,

    Try this CSS:

    .post.featured-column h2.entry-title {
        font-size: 50px;
    }
    #1475604
    sanu kumar

    Hey Leo

    I tried this but doesn’t work

    See here: https://www.loom.com/share/f93d4542f06846b896b4d3c63fe32735

    #1475617
    Leo
    Staff
    Customer Support

    Looks like you forgot to close the previous @media (max-width: 768px) { that’s just right above it?

    #1475632
    sanu kumar
    @media (max-width: 768px) {
    .featured-column h2.entry-title
        font-size: 24px;
    }
    .post.featured-column h2.entry-title {
        font-size: 40px;
    }

    I did but not working

    #1475661
    Leo
    Staff
    Customer Support

    That would make both set of code mobile only.

    Can you try this instead?

    @media (max-width: 768px) {
        .featured-column h2.entry-title {
            font-size: 24px;
        }
    }
    .post.featured-column h2.entry-title {
        font-size: 40px;
    }

    Please compare the difference between your code and my code.

    #1475665
    sanu kumar

    it helped 😊

    coding is really a nightmare for me…thanks!!!!

    #1475673
    Leo
    Staff
    Customer Support
    #1475677
    sanu kumar

    sorry to disturb again, I checked all is working but mobile font is not working.

    #1475699
    Elvin
    Staff
    Customer Support

    The previous code seems to have a missing bracket.

    You can try this.

    @media (max-width: 768px) {
    .featured-column h2.entry-title {
        font-size: 24px;
    }
    }
    .post.featured-column h2.entry-title {
        font-size: 40px;
    }

    A wise man once said:
    "Have you cleared your cache?"

    #1475757
    sanu kumar

    Leo’s code is working but for the desktop version and I tried Elvin’s code doesn’t work ( means I try to add a bracket .featured-column h2.entry-title { but does not work

    #1476266
    David
    Staff
    Customer Support

    Hi there,

    can you share a link to your site?

    #1476308
    sanu kumar
    #1476423
    David
    Staff
    Customer Support

    Change this CSS:

    @media (max-width: 768px) {
        .separate-containers .paging-navigation {
            padding: 20px;
        }
    
        .review-total-wrapper span.review-total-box {
            font-size: 30px;
            width: 100%;
            box-sizing: border-box;
            overflow: hidden
        }
    
        .review-links {
            text-align: center
        }
    
        .reviewed-item {
            width: 100%;
            max-height: 100%
        }
    
        .review-total-wrapper {
            position: initial
        }
    
        #review .review-links a {
            font-size: 100%
        }
    
        .reviewed-item {
            text-align: center
        }
    
        .review-total-wrapper span.review-total-box {
            padding: 0
        }
    
        .elementor {
            clear: both;
        }
    
        @media (max-width: 768px) {
            .featured-column h2.entry-title font-size: 19px;
        }
    }
    
    .post.featured-column h2.entry-title {
        font-size: 29px;
    }

    to:

    .post.featured-column h2.entry-title {
        font-size: 29px;
    }
    
    @media (max-width: 768px) {
        .separate-containers .paging-navigation {
            padding: 20px;
        }
    
        .review-total-wrapper span.review-total-box {
            font-size: 30px;
            width: 100%;
            box-sizing: border-box;
            overflow: hidden
        }
    
        .review-links {
            text-align: center
        }
    
        .reviewed-item {
            width: 100%;
            max-height: 100%
        }
    
        .review-total-wrapper {
            position: initial
        }
    
        #review .review-links a {
            font-size: 100%
        }
    
        .reviewed-item {
            text-align: center
        }
    
        .review-total-wrapper span.review-total-box {
            padding: 0
        }
    
        .elementor {
            clear: both;
        }
    
        .featured-column h2.entry-title {
            font-size: 19px;
        } 
    }
    #1476473
    sanu kumar

    Not worked

Viewing 15 posts - 1 through 15 (of 19 total)
  • You must be logged in to reply to this topic.