plantshop203
Member-
Content Count
16 -
Joined
-
Last visited
-
yh3 reacted to a post in a topic: Hover Effect for Product Images in Shop Pages
-
Change "From (price)" to "(price)+" in product details
plantshop203 replied to plantshop203's question in Coding and Customization
@paul2009 Good catch – thanks so much- 6 replies
-
- product
- product-page
-
(and 1 more)
Tagged with:
-
Change "From (price)" to "(price)+" in product details
plantshop203 replied to plantshop203's question in Coding and Customization
@tuanphan this works great, thank you!! I have one more question... Is there any way to get the prices all on the same line horizontally? It looks a little messy having them be all vertically aligned relative to the item title. Thank you in advance!- 6 replies
-
- product
- product-page
-
(and 1 more)
Tagged with:
-
creedon reacted to a post in a topic: Hover Effect for Product Images in Shop Pages
-
Hover Effect for Product Images in Shop Pages
plantshop203 replied to robertwyatt's topic in Commerce
I was able to figure it out! For anyone who wants to do something like this, here's the code I used: //product hover border .grid-item:hover { position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; box-sizing: border-box; padding: 7px!important; -webkit-box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); } .grid-item { padding: 7px; }- 10 replies
-
Change "From (price)" to "(price)+" in product details
plantshop203 replied to plantshop203's question in Coding and Customization
Not yet. Here's a link: https://www.theoldyew.com/shop/p/succulent-rock-garden- 6 replies
-
- product
- product-page
-
(and 1 more)
Tagged with:
-
How to center align product header for mobile
plantshop203 replied to daveyjonezz's question in Coding and Customization
Thank you! -
How to center align product header for mobile
plantshop203 replied to daveyjonezz's question in Coding and Customization
Sure! -
Hover Effect for Product Images in Shop Pages
plantshop203 replied to robertwyatt's topic in Commerce
@tuanphan ok... update here: Using this code I have created the desired effect: .post-type-store-item:hover { position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; border: 1px solid #bcbec0; box-sizing: border-box; padding: 7px!important; -webkit-box-shadow: 4px 4px 4px -4px rgba(0,0,0,0.75); -moz-box-shadow: 4px 4px 4px -4px rgba(0,0,0,0.75); box-shadow: 4px 4px 4px -4px rgba(0,0,0,0.75); } .post-type-store-item { padding: 7px; } See the first photo. The hover effect works great on the product list pages, but I am having a code i- 10 replies
-
Hover Effect for Product Images in Shop Pages
plantshop203 replied to robertwyatt's topic in Commerce
Hi – this code looks great but when added, it removes the link from each of the products. So the border hover effect happens, but the products are not clickable. Is there a fix for this? site: theoldyew.com- 10 replies
-
creedon reacted to an answer to a question: Social header icon placement in 7.1 - Help please
-
Social header icon placement in 7.1 - Help please
plantshop203 replied to Brent_Dickens's question in Coding and Customization
Thank you! PERFECT! -
Social header icon placement in 7.1 - Help please
plantshop203 replied to Brent_Dickens's question in Coding and Customization
THANK YOU. This works great. I'm now wondering... how can I change the top padding of the new placement of the IG icon? It's sitting just a little above the nav items. I tried this: .header-actions-action--social { display : inline-flex; margin-left : 23px!important; padding-top: 3px!important; } but it changes the padding of all three of those items, not just the IG icon. -
Social header icon placement in 7.1 - Help please
plantshop203 replied to Brent_Dickens's question in Coding and Customization
Bumping this question. I would love to move my social icon to the left of my site logo! Any help would be appreciated. theoldyew.com -
How to center align product header for mobile
plantshop203 replied to daveyjonezz's question in Coding and Customization
THANK YOU! Worked like a charm. -
Change "From (price)" to "(price)+" in product details
plantshop203 posted a question in Coding and Customization
Site URL: http://theoldyew.com I'm wondering if it's possible to customize the "from (price)" detail on all pages. I would like it to say "(price)+" instead. For example: "$25+" as opposed to "From $25" Thank you in advance!- 6 replies
-
- product
- product-page
-
(and 1 more)
Tagged with:
-
How to center align product header for mobile
plantshop203 replied to daveyjonezz's question in Coding and Customization
Thank you for taking a look! It is still left-justified on mobile. See attached... -
How do I change "Category Title" Font Size?
plantshop203 replied to yourfluf's question in Coding and Customization
I would also love to know how to do this! https://www.theoldyew.com/shop/rare-plants