Custom CSS No Longer Working

  • Resolved Jethro Burnett Thorburn

    (@happyhealthyhonesthuman)


    5 years, 11 months ago

    Good Day,

    I was previously helped by Stan. I use OceanWP theme.

    In the Product Listings, the Add to WishList button was only appearing once I hovered over a Product in a Product Archive (it didn’t matter what setting I chose for Button Position).

    I spoke to Stan to find out how I can ensure that the button is visible all the time, even without hover, and that the button is above the Product Thumbnail (not layered over the thumbnail).

    I was able to fix the problem with the following custom CSS code and it worked well for a few weeks but now the problem is back despite the fact that the Custom CSS is still present. You can see what I can talking about on the page that is linked.

    What could have caused the changes to be reversed?

    I used the following CSS code on the Wishlist Style Options Page:

    .products .product .tinv-wraper.tinv-wishlist {
    visibility: visible;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    }

    .products .product .tinv-wraper.tinv-wishlist {
    position: relative;
    top: 0;
    }

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Stan

    (@stantinv)

    Hi @happyhealthyhonesthuman,

    As far as I cam remember from our latest conversation, you wanted to place the “Add to Wishlist” button below the “Add to Cart” button and make it always visible. After checking the provided link it’s positioned correctly, so I can assume it’s a cache issue in your case. Press ctrl+F5 on your keyboard or re-test in another browser/device.

    Regards,
    Stan

    Thread Starter Jethro Burnett Thorburn

    (@happyhealthyhonesthuman)

    Hi Stan,

    Thank you for your on-going support. I am always impressed by your support and grateful for that!

    Indeed I tried the website in an incognito window and it looks PERFECT. I will remember to try that next time.

    It is very weird and unusual that it reverted back to the old way, and even when I clear my cache it still appears that way in my Page Builder.

    No worries though. So long as it looks fine on the live website I am completely happy.

    Thank you kindly and I look forward to upgrading to Pro Version as soon as I have the funds to do so. The fact that you assist even free version members like myself makes me even more grateful and committed to use your product going into the future!

    Keep up the good work.

    Kind regards and best wishes,
    Jethro

    Thread Starter Jethro Burnett Thorburn

    (@happyhealthyhonesthuman)

    Hello again Stan,

    I have found an interesting situation.

    WooCommerce offers a Filter by price widget that a user can use to select the Min and Max Price that they want to see in a Product Archive. When I use this widget it will direct to a URL such as this one:

    https://happyhealthyhonesthuman.com/the-community-shop/?min_price=143&max_price=599

    One can see that the end of the URL has been appended with this text, “?min_price=143&max_price=599”

    Now, my concern is that when a user does this, the Custom CSS that we have applied does not work.

    Are you aware of why this might be the case and whether there is a work around for this so that the Custom CSS works on every WooCommerce page (including those that appear once a user has used the Filter by price widget)?

    Thank you kindly!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom CSS No Longer Working’ is closed to new replies.