[Resolved] Increase Font size of Meta tags

[Praveen]

Hi guys,

I want to increase the font size of meta tags just below my Post title (see link for details) – basically authorname and last updated. Can you please let me know how can I do that!

Thanks!

[Leo]

Hi there,

CSS is required:

.entry-meta {
    font-size: 20px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Praveen]

thanks! it worked

[Leo]

No problem 🙂

[Praveen]

Guys, so sorry, a follow up question. When I increased the font size, the meta tag flowed to the next line when viewing it to mobile. The issues is, it is not center aligned. Can you help me do it please?

Thanks!

[David]

Hi there,

Try this:

.entry-meta {
    font-size: 18px;
}

@media(min-width: 600px) {
    .entry-meta {
        font-size: 20px;
    }
}

First value for the mobile / small device, second value for the larger devices.

[Praveen]

Hi, I am fine with the font size, What I am looking is a way to center align the meta tag. Its let aligned now on mobile screens.

[David]

Just include a text-align: center; property in the CSS that Leo provided ie.

.entry-meta {
    font-size: 20px;
    text-align: center;
}

[Praveen]

oops, did not realize it would be so simple. Sorry to bother you guys and as always thanks a ton!!

Btw, I wanted to ask if the if GeneratePress team takes custom website or functionality design tasks?

[Leo]

We don’t take custom development work unfortunately.

[Author]

Posts