Make image size smaller on slide show for dawn theme

asilstore
Tourist
8 0 1

Screenshot 2022-09-08 at 9.01.09 PM.png 

Hello all, I was wondering if there was a way to bring the slideshow header closer to the image as I don't like the wide space between the flame and the title. Im using the dawn theme. 

Replies 7 (7)

SmallTask
Shopify Partner
973 41 55

Hi @asilstore ,

 

Kindly share your store url, so that we can check and provide you the solution.

banned
asilstore
Tourist
8 0 1

PageFly-Richard
Shopify Partner
4164 935 1586

Hi @asilstore 

 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

 

.banner__heading.h1{

     margin-top: -12pc !important;

}

 

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

asilstore
Tourist
8 0 1

Thank you for your reply. This code makes it so that the image appears behind the heading, I just want the heading to be closer to the image, I don't want them to overlap. Is there a way you could help me with that? Also, is it possible to only apply this change for the slideshow?

asilstore
Tourist
8 0 1

Because when i apply the code, even if i lower the pixel value to like 4, the image banner with the gif messes up. How can I just change the margin for the slideshow? @PageFly-Richard 

PageFly-Richard
Shopify Partner
4164 935 1586

Hi @asilstore 


You can try again with this code:

@media screen and (max-width: 767px){
.banner__box {
padding-top: 0 !important;
}
}

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

asilstore
Tourist
8 0 1

i mean it still changed the image on the top of the website in addition to the slideshow but its looking better now. Thanks for taking the time