Solved

How to replace button with image versus text? // taste theme

heyitsphae
Excursionist
31 0 6

Hi! I was wondering if there's a way to make these buttons more prominent? Perhaps with a picture instead of text? What would that coding look like? Thanks for your time and help!

Screen Shot 2022-09-22 at 11.52.25 AM.png

Link: https://goldstar3343.myshopify.com/collections/facilities-buildings-grounds-maintenance

No password required!

Accepted Solution (1)
MOISCHKOWITZ
Shopify Partner
252 20 34

This is an accepted solution.

So for the time being try this. It does not do the whole trick but it is looking better. For the rest the I would need to add something in the code inside your backend.  

.section-template--14418893897782__product-grid-padding .button {
    width: auto;
    margin: 1em;
    border: 1px solid black;
    border-radius: 12px;
    text-shadow: 0 0 7px black;
    box-sizing: border-box;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 5px 5px 15px 5px #000000;
    float: left;
}

 

This will it look like: 

Xnip2022-09-23_09-40-40.jpg

 

Pleas DM me for any further stuff. (No I will not charge 🙂 

> I hope you find my reply helpful. To let me know click on like!
> I'd love to help. Was your question answered? Mark it as an Accepted Solution
> WhatsApp: https://zeep.ly/UJ0nE | Email: mluebcke@gmail.com

View solution in original post

Replies 5 (5)

MOISCHKOWITZ
Shopify Partner
252 20 34

Like this? Maybe even put right on top of the page.

 

Xnip2022-09-22_18-04-36.jpg

> I hope you find my reply helpful. To let me know click on like!
> I'd love to help. Was your question answered? Mark it as an Accepted Solution
> WhatsApp: https://zeep.ly/UJ0nE | Email: mluebcke@gmail.com
heyitsphae
Excursionist
31 0 6

yes exactly like that!! 

KetanKumar
Shopify Partner
36839 3635 11972

@heyitsphae 

thanks for confirm yes please share this section code so i will check and let you know 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
heyitsphae
Excursionist
31 0 6

which specific section?

MOISCHKOWITZ
Shopify Partner
252 20 34

This is an accepted solution.

So for the time being try this. It does not do the whole trick but it is looking better. For the rest the I would need to add something in the code inside your backend.  

.section-template--14418893897782__product-grid-padding .button {
    width: auto;
    margin: 1em;
    border: 1px solid black;
    border-radius: 12px;
    text-shadow: 0 0 7px black;
    box-sizing: border-box;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 5px 5px 15px 5px #000000;
    float: left;
}

 

This will it look like: 

Xnip2022-09-23_09-40-40.jpg

 

Pleas DM me for any further stuff. (No I will not charge 🙂 

> I hope you find my reply helpful. To let me know click on like!
> I'd love to help. Was your question answered? Mark it as an Accepted Solution
> WhatsApp: https://zeep.ly/UJ0nE | Email: mluebcke@gmail.com