How can I modify CSS for a single homepage section?

[haro_1]

This block on the homepage is being cut off on mobile. Can someone help me determine what CSS is needed to adjust this? I previously marked this question as solved, but it the suggested solution adjusted the spacing on all blocks throughout the site. How can I adjust the CSS of this section on the homepage only?

Thank you!
https://pinkelephantcoffee.myshopify.com/
Site password: charis

[BSS-Commerce]

Hi @haro_1 ,

You can try the following steps:

After identifying the class name & file name.css, you go to the partner link to edit:

You can do the same with other code blocks. I hope it’s useful to you.

[haro_1]

Thank you, but that changes all blocks throughout the site. I just need this single block adjusted and can’t seem to do it by using the section ID.

[BSS-Commerce]

Hi @haro_1

• You can try to write a new css in base.css. If your CSS code runs but is overridden by another class, then you can add “!important” to each line of CSS code.

For example:

.my_class{
   // your css 1 !important
   // your css 2 !important
}

• The next step is that finding the file.js

I hope that it works for you.