how to remove space between the rich text and the image banner in Sense theme

[mirza5313]

Hi,

Greetings. There is a space between the rich text and the image banner in the Sense theme, I am new to Shopify and need to figure out how to remove that space. 

[Made4uo-Ribe]

Hi @mirza5313 

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

[mirza5313]

Hi @Made4uo-Ribe 

Thanks for your reply, here is the URL of my store:
https://digitaldaysplanner.myshopify.com/
password: shauff

[Made4uo-Ribe]

Thanks for the info, do you like to remove the space only on this area right? 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

section#shopify-section-template--23486520394049__image_banner_jt3dLq {
    margin-top: 0px;
}

• And Save.
• Result:
• 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[mirza5313]

That worked, thank you so much, and sorry for the late reply I was busy with some stuff, could you please tell me about this 23486520394049, just in case I need to remove the space in future I could do it by myself? 

[Made4uo-Ribe]

That is the I.D of the banner your using. This code dont apply on the other banner section that you will used. 

[Hristina94]

 mean the distances between the banners, i want them to touch each other

[Hristina94]

Hello i need support too:
https://animalcare.bg/
I have a space between the 5 banners and I don't want it, can you help me?

[Made4uo-Ribe]

Hi @Hristina94 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media screen and (max-width: 749px) {
    .section+.section {
        margin-top: 0 !important;
    }
}
.section+.section {
        margin-top: 0 !important;
    }

• And Save.
• Result:
  

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[Hristina94]

Thank you, work !

[Made4uo-Ribe]

Welcome, Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Hristina94]

Hello,
Can you help me again:
https://mfvxxq-kt.myshopify.com/
0876624960

I would like the Text columns with images section to display the 5 images in a single row side by side for the desktop version.

For the mobile version, I would like them to appear one image at a time in a slideshow, with navigation arrows or automatic transitions if possible.

Could you please help me with this code?

Thank you!

[Made4uo-Ribe]

Hi @Hristina94 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (min-width: 749px){
.grid--flush-bottom>.grid__item {
        width: 20%;
    }
}

• And Save. 
• Result:
  

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[Hristina94]

Hello,

The changes work perfectly on the desktop version, but they haven’t been applied to the mobile version. Could you assist me with this as well?
Additionally, I’ll need your help with one more thing-
For the header in the desktop version:

I want the logo to be centered.
The menu should be on the left, and the cart should be on the right, without the search bar.
They should all be aligned with the logo.
The menu font should be Lora, bold, and at least 30% larger.
For the mobile version:

The menu should be on the left, the logo in the center, and the cart on the right.
Thank you in advance for your assistance!

Thank you very much!