Return to previous page

Change the Hovering color and style of next and previous product bar.

This topic has 4 replies, 3 voices, and was last updated 3 years, 5 months ago ago by Olga Barlow

  • Avatar: Usman Shahzad
    Dox
    Participant
    October 31, 2020 at 20:24

    I want to change the hovering color and style of next and products bar.

    Please take a look at the pic:

    https://ibb.co/gR6CZy1

    #257220 Copied Theme version: 7.0.2 WooCommerce version: latest
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 1, 2020 at 09:37

    Hello,

    Try to add the next custom CSS code:

    .posts-nav-btn:hover .post-info {
    background-color: #f4f4f4;
}

    If this is not what you are looking for, describe the desired result in more detail.

    Regards

    #257259 Copied
    Avatar: Usman Shahzad
    Dox
    Participant
    November 2, 2020 at 17:59

    Hi, this code didn’t serve my purpose. I am sending you another pic . Please have a look at the pic.

    https://ibb.co/J7F81sG

    Now provide me the code to achieve the desired effects in next and previous product bar.

    Thanks

    #257407 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 3, 2020 at 12:15

    Hello,

    Use the following custom

    .posts-nav-btn a:hover, .posts-nav-btn .post-info .price {
    color: #3270B8;
}

    Regards

    #257495 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
HandMade Store – WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.