Edit CSS of a single block within a section - IRA theme

Store Design
,
1

The first block of text on the homepage is being cut off on mobile. (As seen in the screenshot attached.)
I had a previous suggestion to apply the CSS below, which works, but it applies the settings to all blocks on the site which adds too much spacing.

I just need to adjust the one block. Is that possible within the theme.css? The section ID is

shopify-section-template--16957485023528__844d7363-812e-457d-82f3-5f78f76b6cc5

pinkelephantcoffee.myshopify.com
password: charis

Thank you!

Screen Shot 2022-11-16 at 5.49.51 PM.png
Screen Shot 2022-11-16 at 5.49.51 PM.png812×1616 297 KB

2

Hi @haro_1 ,

Please follow the instructions to make the specific changes to the text block only.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme.css
  3. Paste the code below at the very bottom of the file.
[data-section-id="template--16957485023528__844d7363-812e-457d-82f3-5f78f76b6cc5"] .mosaic-grid__item.mosaic-grid__item--small-square {
    padding-top: 0;
}

[data-section-id="template--16957485023528__844d7363-812e-457d-82f3-5f78f76b6cc5"] .mosaic-grid__item-inner.mosaic-grid__item-inner--h-align-left {
    position: relative;
    display: block;
}