featured column font size

Hi there,

Try this CSS:

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

Hey Leo

I tried this but doesn't work

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

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

@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

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.

it helped 😊

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

No problem :)

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

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;
}

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

Hi there,

can you share a link to your site?

https://www.masteryblogging.com/blogging/

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;
    } 
}

Not worked