How to center button (and only button) in Image with text section - Refresh theme

Hello,

I have an “image with text” whose content alignment is specified as “Left” (otherwise the bullet list looks terrible). However, I want the section heading to be centered, as well as the button below it. I was able to easily center the heading with the code below, but cannot figure out how to specify the POSITION of the button to be center.

h2 {
text-align: center;
}

Thank you in advance for your help!

Did you ever figure out how to center the button? Also trying to figure out the same thing.

I did not! Any help appreciated

Maybe some of the top contributors would be kind enough to help a couple CSS newbies :slightly_smiling_face: @Dan-From-Ryviu @PageFly-Victor @Made4uo-Ribe ?

Hello @Snow_Wolf
can you share store URL?

It’s a general CSS question really that should apply to any Image with text section on Refresh theme, but I’m happy to get help so I won’t be difficult, the page I’m referring to is this one, and the Image with text section where I’m trying to center the button is called “Creatively designed to make your life easier”. Thanks!!

Hi @Snow_Wolf

Please share your page URL with image with text section

Hi @Dan-From-Ryviu , the page I’m referring to is this one, and the Image with text section where I’m trying to center the button is called “Creatively designed to make your life easier”. Thanks!!

Add this code below into Custom CSS of that section.

.image-with-text__content .button {
margin: 0 auo;
}

Hello @Dan-From-Ryviu thanks for your quick reply! I copy/pasted the code, but no luck :(, still uncentered.

Other odd thing : the exact same code I used to center the header, doesn’t work in an identical Image with text section below (“Smart & Connected”):

h2 {
text-align: center;
}

My code incorrect, please update

.image-with-text__content .button {
margin: 0 auto;
}

Please update to this code to make “Smart & Connected” center

h2 {
margin: 0 auto;
}