Moving scroll arrows of 'Multiple images with text' section

[btwu10]

Trying to figure out how to move up the scroll arrows of a 'multiple images with text' section to right below the picture. Ideally widened out to where the left and right corners of the image is. How do I also make the Heading ('Lion's Mane' in the below picture) text smaller?

[kazi]

@btwu10 Hello

                            Can you share the store URL?

[btwu10]

https://solarisextracts.com/

[Dan-From-Ryviu · Accepted solution]

Hi @btwu10 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

#shopify-section-template--23970574467361__multiple_images_with_text_7fDKMb .multiple-images-with-text__content-with-nav .prev-next-buttons { order: -1; }
#shopify-section-template--23970574467361__multiple_images_with_text_7fDKMb .multiple-images-with-text__content-list h1 { font-size: 30px; }

[btwu10]

Thanks for providing your suggestion. As I scroll through, there is a gap between the scrolling arrows and the subheading 'Our Proprietary Blend' and it constantly fluctuates. How do I minimize the gap and make it consistent as I scroll through?

[Dan-From-Ryviu]

Please update the code 

#shopify-section-template--23970574467361__multiple_images_with_text_7fDKMb .multiple-images-with-text__content-with-nav .prev-next-buttons { order: -1; }
#shopify-section-template--23970574467361__multiple_images_with_text_7fDKMb .multiple-images-with-text__content-list h1 { font-size: 30px; }
#shopify-section-template--23970574467361__multiple_images_with_text_7fDKMb .prose{ height: 0; }
#shopify-section-template--23970574467361__multiple_images_with_text_7fDKMb .prose.is-selected { height: auto; }

[GTLOfficial]

Hello @btwu10 

Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.

.multiple-images-with-text__content-with-nav {
display: flex;
flex-flow: column-reverse;
}
.prev-next-buttons {
gap: 17rem !important;
}
.h1 {
font-size: 2rem !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[btwu10]

Thank you as well for providing your suggestion. As I scroll through, there is a gap between the scrolling arrows and the subheading 'Our Proprietary Blend' and it constantly fluctuates. How do I minimize the gap and make it consistent as I scroll through?