Shopify themes, liquid, logos, and UX
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;
}
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;
}
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;
}
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;
}
@Khaleed can you send me url this page?
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hello @Khaleed
Please Could you share your store URL So that I can review it?
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;
}
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!!
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;
}
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!
Hello @Khaleed
If the solutions is helpful to you please likes and accept solutions.
Thank You.
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;
}
Thanks! This is the last one if you dont mind! Change the border colour to green for the multicolumn of reviews
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;
}
Hello @Khaleed
If the solutions are helpful to you please like all my solutions.
It will be grateful 🙂
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024