Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #420673

    Hi, I’m trying to change the read more link to a button with a f05a1a as the background color and i’m using the same code you gave me for another site of mine but it isn’t working on this site.

    .page-id-716 .read-more-link a { background-color: #f05a1a!important; color: white!important;
    border-radius: 3px !important;
    padding: 10px 10px !important;
    }

    Can you please check and let me know what code I should use?

    Thanks.

    #420675

    Hi DROR!

    Please remove page ID from the code, so it should be

    a.more-link { background-color: #f05a1a!important; color: white!important;
    border-radius: 3px !important;
    padding: 10px 10px !important;
    }

    Regards,
    Yigit

    • This reply was modified 9 years, 7 months ago by Yigit. Reason: adjusted CSS selector
    #420683

    That still doesn’t seem to work. The read more link stays the same as before.

    #421075

    Hey!

    Thank you for your feedback.

    I tried the code in FF – it should work.

    Just to make sure, there is no syntax error: try to use the code below – I pasted it out from firebug.

    
    
    a.more-link {
        background-color: #f05a1a !important;
        border-radius: 3px !important;
        color: white !important;
        padding: 10px !important;
    }
    

    Best regards,
    Günter

    #421084

    Great, that worked.

    Does this only affect the blog page or will it also change any other read more links across the site (if there are any)?

    #421101

    Hi!

    This setting changes all read more links.

    To limit it to the blog page use:

    
    .blog a.more-link {
        background-color: #f05a1a !important;
        border-radius: 3px !important;
        color: white !important;
        padding: 10px !important;
    }
    
    

    Regards,
    Günter

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.