Change Image-with-text Border color

[Khaleed]

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

Thanks!

 

[oscprofessional · 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;
}

[oscprofessional · 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;
}

[oscprofessional · 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;
}

[PageFly-Richard]

@Khaleed  can you send me url this page?

[oscprofessional]

Hello @Khaleed 

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

[Khaleed]

https://glidercutter.com/

Thanks!

[oscprofessional · 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;
}

[Khaleed]

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

Thanks!!

[oscprofessional · 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;
}

[Khaleed]

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?

Your amazing! Thanks!

[oscprofessional]

Hello @Khaleed 

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

Thank You.

[oscprofessional · 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;
}

[Khaleed]

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

 

[oscprofessional · 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;
}

[oscprofessional]

Hello @Khaleed 

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

It will be grateful 🙂