Solved

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

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)

John8T
Visitor
2 1 3

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 5 (5)

suyash1
Shopify Partner
8962 1113 1460

@cammunication- can you please share this page link?

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Support me
cammunication
Tourist
6 0 1
Yes! It’s www.coachdiiaz.com (passw: chifre)--
*Camilo* *Soto Alvarado* .-

John8T
Visitor
2 1 3

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

 

 

 

cammunication
Tourist
6 0 1

Thanks!! That did work. Much appreciated.

acethefifth
Visitor
1 0 0

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