Lowering Text on Hero Image of Refresh Theme

Solved

Lowering Text on Hero Image of Refresh Theme

PietroAriston
Tourist
8 0 0

PietroAriston_1-1718880553247.png

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 😧

 

Accepted Solutions (2)
Moeed
Shopify Partner
4309 1107 1356

This is an 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:

Moeed_0-1718885655018.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Vinsinfo
Shopify Partner
351 125 118

This is an 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, 

Vinsinfo_0-1718888007734.png

 

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

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
4309 1107 1356

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

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
PietroAriston
Tourist
8 0 0

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

PietroAriston_0-1718885401888.png

 

Moeed
Shopify Partner
4309 1107 1356

This is an 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:

Moeed_0-1718885655018.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
PietroAriston
Tourist
8 0 0

This worked, thank you!

Moeed
Shopify Partner
4309 1107 1356

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.

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Vinsinfo
Shopify Partner
351 125 118

This is an 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, 

Vinsinfo_0-1718888007734.png

 

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

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

Vinsinfo
Shopify Partner
351 125 118

@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.
Vinsinfo_0-1718883669702.png

 

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

 

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

 

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.
Vinsinfo_3-1718883767945.png

 

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

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support