Entry Meta Not Changing

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

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?

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.

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

Glad to be of help