How can I center "Image with text" in Dawn Theme?

Store Design
1

Hi!

I’ve successfully centered the “Image with text” main text (as well as product prices and prices below), however, I can’t find the way to center the Header and Button of the "Image with Text’ section :downcast_face_with_sweat:

How can I achieve that? Many thanks, guys!

IMG_3952.PNG
IMG_3952.PNG828×1792 134 KB

2

@cammunication - can you please share this page link?

1 Like
3

Yes! It’s www.coachdiiaz.com (passw: chifre)–
Camilo Soto Alvarado .-

4

Just past the following Code on the button of the component-image-with-text.css you can find it in the Assets Folder.

@media only screen and (max-width: 749px) {
.image-with-text__text {
     margin: 0 auto !important;
  text-align: center;
}

@media only screen and (max-width: 749px) {
.image-with-text__heading {
  margin: 0 auto !important;  
  text-align: center;
}

  @media only screen and (max-width: 749px) {
.image-with-text__content .button {
  margin: 20px auto !important; 
  text-align: center;
}
2 Likes
5

Thanks!! That did work. Much appreciated.

6

Does this still work? Because I did this but nothing changed on my site.