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

Solved
cammunication
Tourist
6 0 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

How can I achieve that? Many thanks, guys!

 

IMG_3952.PNG

 

 

Accepted Solution (1)

Accepted Solutions
John8T
New Member
2 1 2

This is an accepted solution.

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

 

 

 

View solution in original post

Replies 4 (4)
suyash1
Shopify Partner
3708 407 610

@cammunication- can you please share this page link?

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30
cammunication
Tourist
6 0 1
Yes! It’s www.coachdiiaz.com (passw: chifre)--
*Camilo* *Soto Alvarado* .-
John8T
New Member
2 1 2

This is an accepted solution.

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

 

 

 

View solution in original post

cammunication
Tourist
6 0 1

Thanks!! That did work. Much appreciated.