Dawn - Adjusting text in bold & center + radius

Store Design
, , , , , ,
1

Hi,

On this multicolumn section a would like to :

  • Put the text in bold & in the center of each column

  • adding a radius to each column

  • adjusting the space between each column

  • adjusting the space between the image & the title

Thanks in advance for your help!

Alex

Screenshot 2023-09-22 at 13.37.06.png
Screenshot 2023-09-22 at 13.37.06.png2382×770 135 KB

2

Hey @Alex087

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1695383601834.png
Moeed_0-1695383601834.png1414×404 36.5 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hello @Alex087
Its Artzen Technologies! We will be happy to help you today.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → theme.liquid file.

Add the following code in the bottom of the file above tag

Artzen_tech_0-1695383681550.png
Artzen_tech_0-1695383681550.png1291×412 34.8 KB

Let me know if need further assistance
Regards,
Artzen Technologies

4

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:
.multicolumn-card__info {
text-align: center;
font-weight: bold;
}
.multicolumn-card {
border-radius: 10px;
overflow: hidden;
}
.multicolumn-card__image {
margin-bottom: 10px;
}

ZestardTech_0-1695383817866.png
ZestardTech_0-1695383817866.png1906×533 67.9 KB

5

thank @Moeed it worked but it applied to all the multicolumns of my page, I just want for this one, thanx in advance :slightly_smiling_face:

6

thanx @Artzen_tech it worked but it applied to all the multicolumns of my page, I just want for this one, thanx in advance :slightly_smiling_face:

7

thanx @ZestardTech it worked but it applied to all the multicolumns of my page, I just want for this one, thanx in advance :slightly_smiling_face:

8

Hi @Alex087 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at the bottom of the file → Save

#shopify-section-template--19674055147849__dafd7543-5aa3-42c4-b9cc-63382952445e
 .multicolumn-card.content-container {
    border-radius: 10px;
}
#shopify-section-template--19674055147849__dafd7543-5aa3-42c4-b9cc-63382952445e
 .multicolumn-card h3.inline-richtext {
    text-align: center;
    font-weight: bold;
}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly