[Resolved] Entry Meta Not Changing

[Andre]

Hi. I’ve added and activated the first entry meta on this page, https://docs.generatepress.com/article/entry-meta-style/
However, I can’t get the css to affect any change.

My image face dimensions is too big so it’s looking blurry and I can’t get the code to change the padding around the comments and author information.

Any ideas please?

[Elvin]

Hi,

Can you specify which one from entry meta style are you trying to replicate?

It’s seems like you’re trying to replicate Example #1?

If so:

I’ve checked your site and I don’t see the CSS being implemented.

Add this CSS:

.byline img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.comments-link,
.posted-on {
	border-left: 1px solid #ddd;
	padding-left: 10px;
	margin-left: 10px;
}

Here’s how to add CSS. https://docs.generatepress.com/article/adding-css/

Here’s the result when applied to your site: https://share.getcloudapp.com/X6u0yvYe

[Andre]

Hi Elvin. I have the exact code pasted inside Simple CSS and nothing is happening my end. I tried pasting it inside Additional CSS and clearing my cache and still nothing. What am I doing wrong?

[David]

Hi there,

in your CSS you have at @media query – heres a fragment of that CSS:

@media (max-width: 1025px) {
  #text-4 {
    margin: 30px;
  }
  /* More CSS below */

But the Media query does not have its closing } so all the CSS below it is only being applied to screens under 1025px width – you will see the CSS works if you reduce your browser width. Add the missing } where you require that to fix the issue.

[Andre]

Fixed it! Thanks David. I used a parenthesis instead of a curly bracket to close the media css.

[David]

Glad to be of help

[Author]

Posts