Hey, please see below screenshot.
The text resizes with the banner which means when i use this text background, i get a long rectangle.
I need to somehow make the rectangle only behind the text so that it looks normal on mobile and desktop.
Any help greatly appreciated! Thanks in advance.
Hi @CalamB90 ,
Try this.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
- And Save.
h2.slideshow-slide__heading.pxu-lia-element {
width: fit-content;
}
Result:
I hope it help.
Hello @CalamB90 , you can achieve this by adding width property to the text, as you added the background.
To make it more beautiful, add some padding like 5-10 px.
Regards,
Osama Farooqi
