WordPress.org

Ready to get started?Download WordPress

Forums

Expound
[resolved] Color clicked menuitem and color labels featured posts (6 posts)

  1. evamontijn
    Member
    Posted 9 months ago #

    Hi, I've been able to change almost all colors thanks to this forum, but I have a few left:

    1. How can I change the color of the 'button' in the menu bar that corresponds with the page you're on. (I already read how to change the color of the triangle below it)

    2. And also, how can I change the color of the labels on the pictures that go with the featured posts on the homepage.

    Thank you in advance!

  2. Konstantin Kovshenin
    Member
    Theme Author

    Posted 9 months ago #

    Hey there!

    To change the current menu item's background:

    .navigation-main ul > .current_page_item,
    .navigation-main ul > .current-menu-item,
    .navigation-main ul > .current-post-ancestor,
    .navigation-main ul > .current-menu-ancestor,
    .navigation-main ul > .current-menu-parent,
    .navigation-main ul > .current-post-parent {
      background: #117bb8;
    }

    For the category labels, you should be looking into the .entry-thumbnail-category class in the Expound stylesheet, including the :hover, :hover:before and :before states.

    Hope that helps!

  3. evamontijn
    Member
    Posted 9 months ago #

    It certainly helped. One more question if I may: where to change the color of the continue reading button when you hover over it?

    Thanks so much!

  4. Konstantin Kovshenin
    Member
    Theme Author

    Posted 8 months ago #

    Here's the CSS that grabs the hover state of all primary buttons (the blue ones):

    button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover,
    .button-primary:hover,
    a.button-primary:hover,
    .wpm-button-primary:hover,
    a.wpm-button-primary:hover,
    button:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus,
    .button-primary:focus,
    a.button-primary:focus,
    .wpm-button-primary:focus,
    a.wpm-button-primary:focus,
    button:active,
    input[type="button"]:active,
    input[type="reset"]:active,
    input[type="submit"]:active,
    .button-primary:active,
    a.button-primary:active,
    .wpm-button-primary:active,
    a.wpm-button-primary:active {
      background: #138bcf;
    }

    Hope that helps!

  5. evamontijn
    Member
    Posted 8 months ago #

    thank you, Konstantin!

  6. evamontijn
    Member
    Posted 8 months ago #

    solved!

Reply

You must log in to post.

About this Theme

About this Topic

Tags