How to change spacing between icon with text lines and how to change from bold to normal

Store Design
1

Scherm­afbeelding 2024-04-22 om 12.38.46.png
Scherm­afbeelding 2024-04-22 om 12.38.46.png1572×242 22.2 KB

how do i decrease the spacing between the lines of the icon with text and how do i change it from bold to normal without also changing the Product title with it?

2

Hello @Svds

Please share your store URL.

3

https://facce-amsterdam.nl/

4

Hello @Svds

Go to Online store → Theme → Edit code → Find base.css file → Paste below code at the bottom of the base.css file

.icon-with-text--vertical .icon-with-text__item {
    margin-bottom: 5px !important;
}
li.icon-with-text__item span {
    font-weight: 400;
}
5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.icon-with-text--vertical .icon-with-text__item {
    margin-bottom: 5px;
    }
.icon-with-text .h4.inline-richtext {
    font-weight: normal;
}

ZestardTech_0-1713785257223.png
ZestardTech_0-1713785257223.png1906Ă—525 120 KB

6

thanks that worked, and do you happen to know how to change the color of the first text line in the icon with text block?

7

Adjusting spacing and font styles can be tricky! While you work on it, take a breather and check out South Africa’s social grant payment dates https://sassagrantstatuscheck.co.za/. It might help clear your mind