Hover issue

HTML & CSS
1

Hello I have a site at http://www.hogtrough.com/ that I am tweaking but having trouble with this one hover area.

If you hover the shopping cart icon on top right or the shopping on the right sidebar it turns dark making text hard to read. I can’t find where this CSS or setting is to change it to a white background. the site used to have a dark background but switched to white.

Thanks

2

Hi kaevans,

A quick check in the browser’s Inspect tool show that the css is located in the file /wp-content/themes/dezert/styles/gg-wpeasycart.css and you’ll find the ruleblockat at line 801:

.ec_cart_widget_minicart_content {
    background: #000;
    float: left;
    padding: 25px;
    width: 100%;
    position: relative;
}

Mind though, changes in the theme css file will probably be reset at the next theme update.

A way to make permanent adjustments to the theme is to create a child theme that has all the custum rules. There are many tuts if you search for this, here is one to illustrate the thing:

2 Likes
3

Thank you!

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.