Featured Pages Button Colors

  • reesea17 · Member ·

    Hello, been searching and trying CSS changes but no luck yet.

    Trying to change the “read more” button color and hover color in my “about us” featured page block at the top of the site (below the header image).

    Thanks!

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

  • reesea17 · Member ·

    Also, is there a way to change the header menu highlight? Effectively remove it.

    Right now, when viewing a page, it changes the background of the menu button to blue with white text, I’d rather it just not do anything.

    Thanks!

  • themegrill · Theme Author ·

    Hi there,

    Please try the following CSS. 

    #featured_pages a.more-link .more-link-text {
   border: 1px solid #f00;
   color: #f00;
}
#featured_pages a.more-link .more-link-text:hover {
   color: #00f;
   border: 1px solid #00f;
}
.main-navigation ul li.current-menu-item a {
   color: #444;
   background: transparent;
}

    You can change the color code to your liking.

    Thanks.
    Sanjip S.

  • reesea17 · Member ·

    Awesome, that worked to change the color, outline, and inner text of the buttons.

    Is there a way to change the background or fill color of the button?

  • reesea17 · Member ·

    Never mind, I figured it out. Just had to add “background” Thanks!

    #featured_pages a.more-link .more-link-text {
	border: 0 solid #555;
	color: #fff;
	background: #0a89c0;
}

#featured_pages a.more-link .more-link-text:hover {
	color: #fff;
	border: 1px solid #555;
	background: #555;
}

    The last bit of code didn’t do anything.

  • themegrill · Theme Author ·

    Hi there,

    I checked the custom CSS on your site but could not find the last bit of the provided CSS. Have you tried adding it?

    Thanks.
    Sanjip S.

  • The topic ‘Featured Pages Button Colors’ is closed to new replies.