Move Text Over & Remove Dark 'Shade' on Debut Theme (FREE theme)

Technical Q&A
1

Hello World.

Link: https://wanda-wants-a.myshopify.com/

password: feicli

What I need: Be sure to look at the picture I included. I want the text moved over so that it takes out the ‘white space’ on the other side of the picture. But it can’t go past the part on the box because the box lines up with the image below it. I also want to change the color of the text from white to black AND remove the ‘shading’ that Shopify puts over the image when you use words.

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.hero__inner .mega-title {
text-shadow: none;
color: black;
}
3

Hi @FancySchmancy ,

Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-index .hero .hero__inner h2.mega-title{
   max-width: 400px;
    float: right;
    color: #000;
    text-shadow: none;
    text-align: left;

}
@media (min-width: 481px) and (max-width: 767px) {
.template-index .hero .hero__inner h2.mega-title{

max-width: 140px;

    float: right;

    color: #000;

    text-shadow: none;

    text-align: left;

    font-size: 18px;

 }
}

Here is view of banner:

screenshot-wanda-wants-a.myshopify.com-2021.05.19-10_58_00.png
screenshot-wanda-wants-a.myshopify.com-2021.05.19-10_58_00.png2846×1038 381 KB

Thanks