Lowering Text on Hero Image of Refresh Theme

[PietroAriston]

Using the refresh theme and wanted to lower this text and button (hard to see the button below the text in the image) any help is appreciated because I can't figure this out on my own 😧

[Moeed · Accepted solution]

Hey @PietroAriston 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.banner__box.content-container.content-container--full-width-mobile.color-scheme-5.gradient {
    padding-bottom: 0 !important;
}
.banner__content.banner__content--bottom-center.page-width.scroll-trigger.animate--slide-in {
    padding-bottom: 10px !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Moeed]

Hey @PietroAriston 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[PietroAriston]

https://strifedesign.com/
@Vinsinfo @Moeed 
There should be no password, here is a screen shot of my admin view

[Moeed · Accepted solution]

Hey @PietroAriston 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.banner__box.content-container.content-container--full-width-mobile.color-scheme-5.gradient {
    padding-bottom: 0 !important;
}
.banner__content.banner__content--bottom-center.page-width.scroll-trigger.animate--slide-in {
    padding-bottom: 10px !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[PietroAriston]

This worked, thank you!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Vinsinfo · Accepted solution]

@PietroAriston Please paste below code in the Custom CSS field available for the Slideshow section. Let me know whether it works.

.banner__content {
    padding: 2rem !important;
}
.banner__box {
    padding-bottom: 0px !important;
}

Result will be like, 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[Vinsinfo]

@PietroAriston Please follow the below steps to lower the text and button in the banner section. Let me know whether it is helpful for you.

1. Go to "Online Store" -> "Themes".

2. Click "Customize" button from the current theme.

3. Click "Elegance with an Edge" block under the "Slideshow" section to edit like in the below attached screenshot.

4. Search and locate for the "Desktop content position" option like in the below attached screenshot.

5. Click and choose the "Bottom center" option from the dropdown of the "Desktop content position" option like in the below attached screenshot.

If the above steps doesn't match your requirement, please share your store URL and details of how you exactly need, it will help us to share solution based on it.

You have mentioned that it is hard to see the button below the text in the image. If you are looking to update the text color and background color of the button. Please check the below details.

1. Search for the "Color scheme" in the same block and click "Edit" in the "Color Scheme" option to update the button colors like in the below attached screenshot.

2. Find the below options like "Solid button background" and "Solid button label" and choose your custom color to the button.

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.