To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

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

Solved
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)

Accepted Solutions
MOISCHKOWITZ
Trailblazer
249 19 32

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
Trailblazer
249 19 32

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
36263 3609 11695

@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
Trailblazer
249 19 32

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