Lowering Text on Hero Image of Refresh Theme

Technical Q&A
,
1

PietroAriston_1-1718880553247.png
PietroAriston_1-1718880553247.png1246×628 44.6 KB

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 :anguished_face:

2

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

1 Like
3

@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
Vinsinfo_0-1718883669702.png362×596 19.9 KB

  1. Search and locate for the “Desktop content position” option like in the below attached screenshot.

Vinsinfo_1-1718883696272.png
Vinsinfo_1-1718883696272.png357×594 23.4 KB

  1. 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
Vinsinfo_2-1718883720290.png362×597 27.7 KB

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
Vinsinfo_3-1718883767945.png356×578 21.4 KB

  1. Find the below options like “Solid button background” and “Solid button label” and choose your custom color to the button.

Vinsinfo_4-1718883778809.png
Vinsinfo_4-1718883778809.png353×596 26.3 KB

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

4

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

PietroAriston_0-1718885401888.png
PietroAriston_0-1718885401888.png1920×958 139 KB

5

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 tag

RESULT:

Moeed_0-1718885655018.png
Moeed_0-1718885655018.png1895×881 54.9 KB

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

Best Regards,
Moeed

1 Like
6

@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
Vinsinfo_0-1718888007734.png1366×759 41.3 KB

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

1 Like
7

This worked, thank you!

8

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.