Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Bottom hover on product listings
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Bottom hover on product listings
- This topic has 23 replies, 6 voices, and was last updated 8 years by David Martin – Support.
-
Posted in: Neighborhood
-
July 1, 2014 at 8:03 pm #87356
It there a way to make this transparent instead of a color? I like the star and add to shopping bag but because I have landscape listings it covers almost my whole listing picture on mobile.
July 2, 2014 at 5:19 am #87400Hi,
Please use this custom css code:.woocommerce ul.products li.product figure figcaption{ background:none repeat scroll 0 0 rgba(37, 37, 37, 0.4) !important; }
Hope that should work and let me know your feedback.
Thanks
July 2, 2014 at 1:18 pm #87495Thank you!
It did make it transparent but a gray transparent color… I like how the background around the star stays though! ๐
July 2, 2014 at 1:27 pm #87502Hi,
Do you want white color transparent? You also want to transparent green star background ?
ThanksJuly 7, 2014 at 12:46 pm #88625Hi Mohammad,
I have a similar issue, looking a slightly different approach. Instead of making the black strip transparent, I want to move it below the product image. For mobile only if possible. Or remove it completely, again for mobile only.
Can u help me pls?
THX!
July 7, 2014 at 1:37 pm #88648Hi
You would have to remove it, add this to your custom css:
@media only screen and (max-width: 768px) { .shop-actions { display: none; } }
– Kyle
June 1, 2016 at 6:00 pm #271800I would like to have the add to shopping bag section transparent and the wishlist star section as well.
The code you gave work fine for the desktop since the section appears with an over gesture but on mobile the section does not appear transparent. Is it possible to do?
Thanks,
June 2, 2016 at 9:34 am #271942Hi,
Please attach a marked screenshot to indicate the issue.
Thanks
MohammadJune 2, 2016 at 5:01 pm #272134I have added this code :
.woocommerce ul.products li.product figure figcaption{
background:none repeat scroll 0 0 rgba(37, 37, 37, 0.4) !important;
}The result is partial see picture 1 for desktop version. In blue the transparent is seen but not in the red section.
The picture 2 is on mobile. N’either the add to cart section nor the whishlist section becomes transparent.
How to.
Thanks.
Attachments:
You must be logged in to view attached files.June 3, 2016 at 10:45 am #272249Hi,
Please provide me specific page url with issue.
Thanks
MohammadJune 3, 2016 at 7:25 pm #272413On the home page of the desktop and mobile version. I’m talking about the add to cart and star section at the bottom of each image of a product. On a desktop that section appears when the mouse goes over but on mobile the section is always there.
I would like it to be transparent all over.
Thanks.
June 5, 2016 at 7:42 pm #272504Actually the add to cart does appear transparent on mobile and desktop. So I would like to have also the star section or whishlist section to be transparent as well!
Thanks.
June 7, 2016 at 11:15 am #272917Please use this:
.yith-wcwl-add-button a, .yith-wcwl-add-to-wishlist { background-color: transparent!important; }
Thanks.
June 7, 2016 at 4:03 pm #272980Great thanks! ๐
June 7, 2016 at 5:07 pm #272995Anytime, thanks!
– David.
-
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.