Read More Button Hover Color

Home Forums All Other Themes Read More Button Hover Color

This topic contains 4 replies, has 2 voices, and was last updated by  Forum Moderator 9 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #111229

    athena.mekis
    Participant
    • Topics: 6
    • Replies: 18
    • Total: 24
    Member since: August 15, 2017

    Hi SKT,

    The hover color on my Read More button won’t change. It’s staying the same default color. I want to change it on my blog page. How do I change it? I tried this code, but it doesn’t work: p.read-more a:hover {color: blue}.

    id=btnhvcolor
    id=readmorebuttonhv
    class=read-more

    Recent Posts

    Thank you,

    #111232

    athena.mekis
    Participant
    • Topics: 6
    • Replies: 18
    • Total: 24
    Member since: August 15, 2017

    Additionally, these two selections are not working in Appearance > Basic Settings. I changed the colors to blue but nothing is happening.

    “Select border color for read more button”
    “Select border hover color for read more button”

    #111290

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21426
    • Total: 21426
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .content-area p.read-more a:hover { color:#447dc0;}
    .content-area p.read-more a:hover span { color:#fff;}

    Regards,
    Chris

    #111403

    athena.mekis
    Participant
    • Topics: 6
    • Replies: 18
    • Total: 24
    Member since: August 15, 2017

    Hi Chris,

    Unfortunately, that didn’t change the color of the span icon on hover. I went ahead and removed the circle icon all together by removing <span> from the content.php page.

    Previously:
    <p class=”read-more”>“><?php echo of_get_option(‘readmoretext’); ?><span>›</span></p>

    Now:
    <p class=”read-more”>“><?php echo of_get_option(‘readmoretext’); ?>›</p>

    I even tried: .content-area p.read-more span:hover {color:#447dc0;} but it didn’t work.

    Anyway, removing the circle completely worked fine. Items is now closed.

    Thank you for your effort.

    Athena

    #111467

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21426
    • Total: 21426
    Member since: August 16, 2013

    Cool

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.