Image with text overlay - Debut Theme

Peekaboo · ‎12-09-2020

Hello, I am trying to shift the text to the left of the image? How can I do that?

https://peekaboo-play-box.myshopify.com/
pw: auweey

Thanks in advance.

KetanKumar · ‎12-10-2020

@Peekaboo

Thanks for post

Welcome to the Shopify community!
and Thanks for your Good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.hero__inner .page-width.text-center {
    text-align: left !important;
    max-width: 500px;
    margin: 0;
}
.hero__inner .rte-setting.mega-subtitle {
    max-width: 100%;
}

After this code view

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

View solution in original post

KetanKumar · ‎12-11-2020

@Peekaboo

Thanks for post

@media only screen and (max-width: 749px) {
.hero__inner .page-width.text-center {
max-width: 330px;
}
.hero__inner .page-width.text-center h2.h1.mega-title {
font-size: 24px;
}
.hero__inner .rte-setting.mega-subtitle {
font-size: 15px;
}
}

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

View solution in original post

Image with text overlay - Debut Theme

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links