Shopify themes, liquid, logos, and UX
Hello,
I would like to know if it is possible to add a background image or to change the color for a multirow element, marked with the red box. Thank you!
Here is the site: https://egeneralmarket.com/
Solved! Go to the solution
This is an accepted solution.
Hi @EGM1
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save
.image-with-text__text-item.grid__item {
background-color: blue !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
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.
This is an accepted solution.
Hi @EGM1
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save
.image-with-text__text-item.grid__item {
background-color: blue !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
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.
Thank you very much for the help!
You are welcome @EGM1 😊
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.
Hi,
Here are the steps:
.image-with-text__text-item.grid__item {
background: gray !important;
}
That'll change the background color of the box, just replace "gray" with whichever color you'd like for your background.
To make the background an image, use this code instead:
.image-with-text__text-item.grid__item {
background-image: url("Paste image URL here") !important;
}
Replace "Paste image URL here" with the correct URL, make sure you leave the double quotes.
Hope that helps.
Hi @EGM1
To change the background to image. You need to use this code.
.image-with-text__text-item.grid__item {
background-image: url('background-image.jpg');
background-size: cover;
}
.image-with-text__text-item.grid__item {
background: rgba(var(--color-foreground), 0.75);
}
h2.image-with-text__heading.h2.rte, .image-with-text__content.image-with-text__content--middle.image-with-text__content--desktop-left.image-with-text__content--mobile-center.image-with-text__content--adapt.content-container.gradient.color-background-1 {
color: white;
}
In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024