CSS menu color and a.more-link

  • Unknown's avatar
    melissaoskarsson · Member ·

    Hi,

    I am trying to change the color of my Meny button and also change text and color on my “Continue reading” button. Theme Olsen.

    Could someone kindly help me?
    Thank you in advance!

    The blog I need help with is: (visible only to logged in users)

  • robertghetau · Staff ·

    Hi there @halsobak,

    If you have access to the Custom CSS menu area, I reckon this CSS code will do the job:

    .menu-toggle {
 background: #your-color-code;
}

    You can get the needed color by checking this website: http://www.color-hex.com/

    Regarding the ‘Continue reading’ button, I can’t find a certain way of changing that easily, but the following method should work: 

    a.more-link {
 color: transparent;
}

a.more-link:before {
    content: "your new text";
    color: black;
    position: absolute;
    transform: translateX(11%);
}

    Please let me know how it went.

    Cheers,
    Robert

  • Unknown's avatar
    melissaoskarsson · Member ·

    Hi Robert,

    Thank you so much!
    The first CSS code worked out great.

    Not the second one though. I’m having some trouble with the a.more-links overall. The first A is always red when I’m trying to code it.

  • Unknown's avatar
    melissaoskarsson · Member ·

    I am having some trouble with the color for “leave a comment” aswell. With the .entry-meta a code. Do you have a tips?
    Sorry for many questions – quite new at this!

    Thank you!

  • robertghetau · Staff ·

    No problem. I’m more than happy to help.

    I’ve just tried the code above and it worked.: https://prnt.sc/hddqns
    Could you try to see if there’s an error in the Custom CSS area?

    This code targets the ‘Leave a comment’ link:

    .entry-meta a {
    color: #b49543;
}

    Could you tell me if you tried to play around a bit with the colors from the Colors section yet?

    Robert

  • Unknown's avatar
    melissaoskarsson · Member ·

    I wish I could send you a printscreen.
    Because the first A is always red when I am trying to put the code in CSS costum area. I can´t see any error.

    Yes I have, really nice!

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @halsobak, I’m not seeing any read more links on your main page for your blog posts. Are you by chance talking about the burgandy button at the bottom to load more posts? Or, are you talking about the “Se Recept Har” button on the top featured posts on the main page?

  • The topic ‘CSS menu color and a.more-link’ is closed to new replies.