What's your biggest current challenge? Have your say in Community Polls along the right column.

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

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

mirza5313
Tourist
10 0 1

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 toblank space.JPG remove that space. 

Replies 13 (13)

Made4uo-Ribe
Shopify Partner
9146 2183 2698

Hi @mirza5313 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
mirza5313
Tourist
10 0 1

Hi @Made4uo-Ribe 

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

Made4uo-Ribe
Shopify Partner
9146 2183 2698

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:
  • Made4uoRibe_0-1728846349671.png

     

 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
mirza5313
Tourist
10 0 1

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
Shopify Partner
9146 2183 2698

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Hristina94
Tourist
13 0 1

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

Hristina94_0-1730313533395.png

 

 

Hristina94
Tourist
13 0 1

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
Shopify Partner
9146 2183 2698

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:
    Made4uoRibe_0-1730316112367.png

     

 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Hristina94
Tourist
13 0 1

Thank you, work !

Made4uo-Ribe
Shopify Partner
9146 2183 2698

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Hristina94
Tourist
13 0 1

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!



Hristina94_0-1732031459796.png

 

Made4uo-Ribe
Shopify Partner
9146 2183 2698

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:
    Made4uoRibe_0-1732053332473.png

     

 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Hristina94
Tourist
13 0 1

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!