Shopify Dawn Theme - Align Center only heading and image

[tigas31]

Hi,

I want to keep the text aligned left, on this section, but I want to align center the image and the title.

Any idea on how to do it?

Thank you in advance,

[GemPages]

Hi @tigas31 ,

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

Best regards,
GemPages Support Team

[BSS-Commerce]

Hi @tigas31

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[tigas31]

@BSS-Commerce @GemPages I’ve sent you private messages. Thank you in advance.

[BSS-Commerce]

Hi @tigas31

Please follow these steps:

1. Go to Online Store → Themes → Edit code:


2. Find the file base.css and add this code at the end of the file and click Save:

.multicolumn-card__image-wrapper {
    margin: 0 auto !important;
}
.multicolumn-card__info h3 {
    text-align: center;
}

• Here is the result:

We hope that this can help you.

[tigas31]

Hi @BSS-Commerce , thank you!! I’m still not yet convinced. I would like to place the text at the center too, but what happens is that when I set it the whole column to be aligned at the center the text looks like this:

And I want it with the same appearance as before but centered, to be aligned with the image and title.

Also I would like to have the title on this section in bold.

Can you help solving this?

[BSS-Commerce]

Hi @tigas31

We’re not sure what you mean, but you can try our suggestion below:

1. Add this code at the end of the base.css file and click Save

.multicolumn-card__info h3 {
    text-align: center;
    font-weight: bold;
}
div.multicolumn-card__info > div > p {
    text-align: justify;
}

• Here is the result:

We hope that this can help you.