Hi, i have changed the banner size of the slideshow section but when i upload my image, it doesn’t get resized but is it just cut. Any suggestion?

for the second banner you have to use padding-right:0px !important;

Please explain what you want in detail so I can give you better solution. Right now your slideshow section rendered size is 1172 × 560 px and you are fitting 608X501px image in it which will definitely crop the image.

yes, right. What I trying to achieve is the following: [Screenshot 2022-10-20 at 17.40.41.png] which is an image aligned on the right (or on the left) and a text over it. I am trying all available sections in the Dawn theme but I don’t know how to do it. I don’t want the image to be cut off but…

Okay, For the image you want to align on left or right, you can you this code snippet anywhere in base.css file #Slider-template–15942264946878__f214d17a-7807-444b-9195-03bc52c2241d .slideshow__media img{ padding-left:600px; //If you want to align image on left, use padding-right. height:600px; }…

Thanks a lot. We are getting closer :slightly_smiling_face: There a re 2 problems now: desktop version: how can i set the background color? now it is now white anymore [Screenshot 2022-10-21 at 08.46.16.png] mobile version: the image is disappeared [Screenshot 2022-10-21 at 08.47.39.png]

For the background color on desktop, use the following #Slider-template–15942264946878__f214d17a-7807-444b-9195-03bc52c2241d .slideshow__slide{ background-color:black; //use the color of your choice. } For the mobile version you will need to the following code. @media (max-width:575px){ #Slider…

If i select black (or red…), the color changes but if I select white (which I need) the background is the same as before. [Screenshot 2022-10-21 at 09.36.25.png] [Screenshot 2022-10-21 at 09.38.19.png] In the mobile version the image still disappears: [Screenshot 2022-10-21 at 09.39.39.png]

For background color use this code snippet #Slider-template–15942264946878__f214d17a-7807-444b-9195-03bc52c2241d .media{ background-color:none; } and, for the img on mobile please use !important like this with padding-left {padding-left:0px !important;}

still the same :disappointed_face:

I dont manage to change the color to white [Screenshot 2022-10-21 at 13.22.08.png]

Banner size and image size theme dawn

Shopify Discussion

MaBa October 21, 2022, 12:48pm 23

YOU HAVE BEEN GREAT!!!

Thanks for all help you have given me

Topic		Replies	Views
How can I adjust the size of my mobile image banner on Dawn theme? Store Design css	16	150	October 12, 2023
Separate banner images on mobile and desktop - Dawn Theme Store Design	75	1651	November 15, 2024
Slider Container- Dawn Theme- Mobile Image Not Adjusting Correctly Technical Q&A shopify-theme	1	34	June 28, 2023
Change text position on Slidesow (Dawn Theme) Store Design customizations	5	42	June 17, 2024
Banner size is not right on mobile - dawn theme Store Design design , customizations , css , shopify-themes , troubleshooting	4	34	September 3, 2023

Banner size and image size theme dawn

Related topics