Dawn - Adjusting text in bold & center + radius

[Alex087]

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

[Moeed]

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 </body> tag

<style>
h3.inline-richtext {
    font-weight: bold !important;
    text-align: center !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Alex087]

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

[Artzen_tech]

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 </body> tag

<style>
.multicolumn-card.content-container {
    border-radius: 10px;
}
.multicolumn-card h3.inline-richtext {
    text-align: center;
    font-weight: bold;
}
</style>

Let me know if need further assistance
Regards,
Artzen Technologies

[Alex087]

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

[ZestardTech]

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;
}

[Alex087]

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

[PageFly-Oliver]

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