How to change the height of the section of custom contect

Solved
John-Yixiaobao
Tourist
7 0 5

 

Hi @Shopify

 

I am using "custom content section" to create a BUY NOW button to place it in the home page. 

But I realize that the "custom contect section" occupied big space, which make the "button" was placed far from the upper section. so I was trying to edit the code to decrease the height. Please let me know how, thank you. my theme is Debut. 

John

WechatIMG246.png

HardikDavra
Shopify Partner
2185 337 949

Hello, @John-Yixiaobao 

Welcome to the Shopify Community.

I read your problem and it seems that I need to analyze your website to provide solution here.
Would you please share your website URL and if your website is password protected then also provide password.

PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
Pallavi
Shopify Expert
1653 244 285

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
KetanKumar
Shopify Partner
18524 1953 6843

@John-Yixiaobao 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
alexfc
Excursionist
15 4 1

Hi,

LIke the others have said in the forum, it's a bit difficult to diagnose without seeing the website.

Having said that, if you can see the section id for this block, that could be something like this:

<div id="shopify-section-161916007858df887d" class="shopify-section index-section ">

  More HTML code including the button

</div>

 

You could then adjust the padding of the block adding this code to your CSS file (note that in your case the section id will be different)

#shopify-section-161916007858df887d {
  padding-top: 20px;
  padding-bottom: 20px;
}

 

Hope this helps or at least puts you in the right direction.

0 Likes
John-Yixiaobao
Tourist
7 0 5

Hi Hardik, 

thank you. 

https://yrhandlock.com/

it's our website, thank you

0 Likes
John-Yixiaobao
Tourist
7 0 5

https://yrhandlock.com/

our url, newly published 

0 Likes
John-Yixiaobao
Tourist
7 0 5

sorry, my bad, forget to list the url, please help to look

https://yrhandlock.com/

0 Likes
Pallavi
Shopify Expert
1653 244 285

This is an accepted solution.

Hello There,

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

div#shopify-section-1620876630cd872b4c {
padding-top: 0;
height: auto;
}

div#shopify-section-1620876630cd872b4c center a.btn.hero__btn {
margin-top: 0;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
HardikDavra
Shopify Partner
2185 337 949

This is an accepted solution.

@John-Yixiaobao 

Hello,

Welcome to the shopify Community.

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

#shopify-section-1620876630cd872b4c {
padding-top: 0px;
}
#shopify-section-1620876630cd872b4c .custom__item {
margin-bottom: 0px;
}
PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp