[Resolved] Entry Meta Not Changing

Home Forums Support [Resolved] Entry Meta Not Changing

Home Forums Support Entry Meta Not Changing

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1616484
    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?

    #1616499
    Elvin
    Staff
    Customer Support

    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

    A wise man once said:
    "Have you cleared your cache?"

    #1617234
    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?

    #1617307
    David
    Staff
    Customer Support

    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.

    #1617344
    Andre

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

    #1617355
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.