Changing posts title size in categories section for mobile phones

[Bark201]

I want to change the size of the font title for posts that are listed in cateogiries. I do have something like this but Im not sure how to reduce the font size of the titles inside the categories lists only.

This is what I have:

‘@media (max-width: 480px){
.archive .entry-title {
text-align: left;
padding: 0;
margin: 0;
line-height: 1.2;
width: 100%;
}’

I will give a url in a secure link

[basanta]

Hi There,

Thanks for the details!

Update your CSS with this. You can set your size as you like to be.

@media (max-width: 480px){
.archive .entry-title {
font-size: 22px !important; /* set your size here*/
text-align: left;
padding: 0;
margin: 0;
line-height: 1.2;
width: 100%;
}

Hope this helps!

[Bark201]

Thank you, that worked. I know this is a stupid question but I want also want it to be like that in search results. What do I need to add to the CSS?

[jade]

Hi there,

Please update the CSS to:

@media (max-width: 480px){
    .archive .entry-title,
    .search-results .entry-title {
        font-size: 22px !important; /* set your size here*/
        text-align: left;
        padding: 0;
        margin: 0;
        line-height: 1.2;
        width: 100%;
    }
}

Here are some reference links related to the suggestions above:

• CSS Introduction - https://www.w3schools.com/css/css_intro.asp
• How to get CSS Selectors using Chrome - https://stackoverflow.com/questions/4500572/how-can-i-get-the-css-selector-in-chrome

Hope this helps.

[Bark201]

Thank you for your reply, it worked but there is still a minor thing that needs addressing. I have this css for everything:

‘.archive .p-meta {
text-align: center;
}
.archive .p-meta>span {
margin: 0;
}’

I need the date and time that show in the categories list (not inside the post) to also be moved to left and not centered like in tablets and desktops. Please help.

[thai]

Hi There,

Please also add this custom CSS:

@media (max-width: 767px){
    .archive .p-meta {
        text-align: left;
    }
}

Hope it helps