Edit position of the text in my slideshow picture?

[KimGottwald]

Hello,

I would like to make the changed displayed in the picture, can someone help me?

Thank you!

URL: https://suq5b8csct01fyzg-61270851797.shopifypreview.com/

Im using the Trade theme.

 

[BSSCommerce-HDL]

Hi @KimGottwald, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.slideshow__text-wrapper.banner__content {
    position: absolute;
    top: 10%;
    left: 0;
}

h2.banner__heading.inline-richtext.h2 {
    font-size: 47px !important;
}

.slideshow__text .banner__text {
    color: #ffff !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[niraj_patel]

Hello @KimGottwald 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 750px) {
  .slideshow__text.slideshow__text--left {
        padding-bottom: 11px !important;
  }
  .slideshow__text-wrapper.banner__content--bottom-left.page-width {
        margin-left: unset !important;
        padding-bottom: unset !important;
   }
 }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @KimGottwald 
- Please follow these steps:

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

@media screen and (min-width: 750px) {
    .slideshow__text-wrapper.banner__content {
            padding-left: 0 !important;
margin-left: 30px !important;
    padding-bottom: 0 !important;
    }
.banner__box>*:first-child {
 font-size: 44px !important;
}
.slideshow__text .banner__text p {
     font-size: 18px !important;
    font-weight: 700 !important;
    color: white !important;
}
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.