Change Image-with-text Border color

Solved
Khaleed
Tourist
22 0 2

How do I change the image with text border colour to green??

 

Thanks!

Screen Shot 2022-11-07 at 6.13.15 pm.png

Accepted Solutions (4)

Accepted Solutions
oscprofessional
Shopify Partner
13820 2104 2705

This is an accepted solution.

Hello @Khaleed 

Try this code: It will be helpful to you-

Go to the online store>theme>Assets>Edit Code>base.css>Add code in this file.

 

.image-with-text:not(.image-with-text--overlap) .image-with-text__media-item>*, .image-with-text:not(.image-with-text--overlap) .image-with-text__text-item>* {
    border-color: green !important;
}

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant

View solution in original post

oscprofessional
Shopify Partner
13820 2104 2705

This is an accepted solution.

Hello @Khaleed 

Try this code: It will be helpful to you-

Go to the online store>theme>Assets>Edit Code>base.css>Add code in this file.

.multicolumn.background-primary .multicolumn-card {
    border-color: green !important;
}

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant

View solution in original post

oscprofessional
Shopify Partner
13820 2104 2705

This is an accepted solution.

Hello @Khaleed 

Try this code: it will helpful to you-

Go to the online store>theme>Assets>Edit Code>base.css>Add code in this file.

.product-form__input input[type=radio]:checked+label {
    background-color: green !important;
}

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant

View solution in original post

oscprofessional
Shopify Partner
13820 2104 2705

This is an accepted solution.

Hello @Khaleed 

Try this code: it will be helpful to you-

Go to the online store>Theme>Edit Code>Assets>base.css>add code in this file.

 

 

.multicolumn-card {
    border-color: green !important;
}

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant

View solution in original post

Replies 12 (12)
PageFly-Richard
Shopify Partner
2116 380 1057

@Khaleed  can you send me url this page?

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

oscprofessional
Shopify Partner
13820 2104 2705

Hello @Khaleed 

Please Could you share your store URL So that I can review it?

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
Khaleed
Tourist
22 0 2
oscprofessional
Shopify Partner
13820 2104 2705

This is an accepted solution.

Hello @Khaleed 

Try this code: It will be helpful to you-

Go to the online store>theme>Assets>Edit Code>base.css>Add code in this file.

 

.image-with-text:not(.image-with-text--overlap) .image-with-text__media-item>*, .image-with-text:not(.image-with-text--overlap) .image-with-text__text-item>* {
    border-color: green !important;
}

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
Khaleed
Tourist
22 0 2

Thank you so much it worked. And if I want to do that but for my reviews (multicolumn section) how would I do that??

Screen Shot 2022-11-08 at 11.03.01 am.png

Thanks!!

oscprofessional
Shopify Partner
13820 2104 2705

This is an accepted solution.

Hello @Khaleed 

Try this code: It will be helpful to you-

Go to the online store>theme>Assets>Edit Code>base.css>Add code in this file.

.multicolumn.background-primary .multicolumn-card {
    border-color: green !important;
}

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
Khaleed
Tourist
22 0 2

Thanks sooo much, How do I give you a review? I want to give you 5 Stars!!

 

Also how would I change the colour of variant selection to green?

Screen Shot 2022-11-09 at 12.58.09 am.png

Your amazing! Thanks!

oscprofessional
Shopify Partner
13820 2104 2705

Hello @Khaleed 

If the solutions is helpful to you please likes and accept solutions.

Thank You.

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
oscprofessional
Shopify Partner
13820 2104 2705

This is an accepted solution.

Hello @Khaleed 

Try this code: it will helpful to you-

Go to the online store>theme>Assets>Edit Code>base.css>Add code in this file.

.product-form__input input[type=radio]:checked+label {
    background-color: green !important;
}

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
Khaleed
Tourist
22 0 2

Thanks! This is the last one if you dont mind! Change the border colour to green for the multicolumn of reviews

Screen Shot 2022-11-09 at 1.26.36 am.png

oscprofessional
Shopify Partner
13820 2104 2705

This is an accepted solution.

Hello @Khaleed 

Try this code: it will be helpful to you-

Go to the online store>Theme>Edit Code>Assets>base.css>add code in this file.

 

 

.multicolumn-card {
    border-color: green !important;
}

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
oscprofessional
Shopify Partner
13820 2104 2705

Hello @Khaleed 

If the solutions are helpful to you please like all my solutions.

It will be grateful 🙂

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant