On Hover underline LIST VIEW items

  • Resolved RollingRocker

    (@rollingrocker)


    6 years, 7 months ago

    Please let me know how to edit the CSS/change a setting, so that when I’m in the LIST VIEW of the catalog, it shows a hover UNDERLINE when rolling over all the items in the list. Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • etoilewebdesign

    (@etoilewebdesign)

    6 years, 7 months ago

    Hello @rollingrocker,

    Could you provide the URL to your website so we can see what exact Custom CSS you will need to solve this issue?

    Thread Starter RollingRocker

    (@rollingrocker)

    6 years, 7 months ago

    Unfortunately this site is only on our intranet right now.

    here is a screenshot

    http://www.amixa.com/bug.jpg

    When the catalog is in the LIST view (middle tab), “default” style, the items display like in the screenshot. When I HOVER OVER the line items, I need an UNDERLINE to appear or better yet a background color to appear so the USER knows which LINE they are hovering over… when you hover over the items there is no visible feedback to the user as to which line they’re hovering over.

    etoilewebdesign

    (@etoilewebdesign)

    6 years, 7 months ago

    Hello @rollingrocker,

    You could the add following Custom CSS to your Catalog’s Custom CSS box to solve this issue (Catalog tab > Select your catalog > Paste into Custom CSS box):

    .upcp-list-item:hover > .upcp-list-title {
    text-decoration: underline;
}
    Thread Starter RollingRocker

    (@rollingrocker)

    6 years, 7 months ago

    THANK YOU!!! Worked perfectly!!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘On Hover underline LIST VIEW items’ is closed to new replies.