Refresh theme, move slideshow text higher

[Isa10]

Dear all,

I would like to move the text that appears on my page's slideshow a little bit higher. Can anyone help me figure out how to do that through coding? (coding newby here)

my site : arvernefamily.com

password : skiyow

Thank you in advance for your kind help

[BSSCommerce-HDL · Accepted solution]

Hi @Isa10, 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

@media only screen and (min-width: 750px) {
    .slideshow__text.slideshow__text--left {
        padding-top: 5px !important;
    }
}

Here is result: 

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 😍

[Isa10]

Thank you this worked and I can now adapt the padding by changing the 5px by any size that fits me best !

[BSSCommerce-HDL]

Hi @Isa10, We're happy to see that our suggestion helped you solve the issue

Can you kindly give us a like? This can be a reference for other merchants if they have an issue like you and greatly motivate us to contribute to our community.

Thanks in advance. 😍😍

[Kushagra0602]

Hi @Isa10 ,

• Log in to Shopify Admin.
• Navigate to Online Store > Themes > Actions > Edit Code.
• Open "section-image-banner.css" file.
• Paste CSS code at the bottom.
• Save changes.
  
  
  

.banner__heading {
    margin-bottom: 0;
    font-size: 50px !important;
}​

• Preview and publish if satisfied.
  
  You can adjust the font-size pixels values as per your requirement.

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.banner__box {
padding: 2rem 3.5rem;
}

[Isa10]

sorry this did not work for me.