Help needed moving subscribe form and increasing section height.

[Malakush]

Greetings!

A little help is needed please. 

1) I would like to move the Subscribe form at the bottom of my landing page further to the left. It's currently middle left on the background image. 

2) Increase the height of background image. The "shopify Form app" section is too narrow for my background image. 

Website: weiredwizard.co

Pass: sewsog

Many thanks in advance! 

[BSSCommerce-HDL · Accepted solution]

Hi @Malakush, 

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>
section#shopify-section-template--17826067742851__1725955947882f40b9 {
    height: 670px !important;
}

#shopify-section-template--17826067742851__1725955947882f40b9 .page-width {
    max-width: 1800px !important;
}
</style>

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 😍

[BSSCommerce-HDL · Accepted solution]

Hi @Malakush, 

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>
section#shopify-section-template--17826067742851__1725955947882f40b9 {
    height: 670px !important;
}

#shopify-section-template--17826067742851__1725955947882f40b9 .page-width {
    max-width: 1800px !important;
}
</style>

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 😍

[Malakush]

Once again, @BSSCommerce-HDL to the rescue. Incredible stuff! 👏👏👏👏

Whilst I have you here would you mind sharing some code to push the red button on my slideshow banner at the top of my page to the left also. Currently more middle left than anything. 

Many Thanks! 

[BSSCommerce-HDL · Accepted solution]

Hi @Malakush, 

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>
@media only screen and (min-width: 750px) {
.slideshow__text-wrapper.banner__content {
    margin-left: 0 !important;
    padding-top: 0 !important;
}

.slideshow__text.banner__box.content-container {
    display: block !important;
    text-align: left;
    padding-left: 15px;
    padding-top: 0 !important;
}
}
</style>

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 😍

[Malakush]

Perfect, as always. Thank you kindly @BSSCommerce-HDL 🙏

[BSSCommerce-HDL]

@Malakush, No problem. Have a good day 😍