Center Custom Liquid Text With Colored Background

Store Design
,
1

Screenshot (2).png
Screenshot (2).png1920×883 124 KB

Need to center html code on top of page in blue.

2 Likes
2

Hi @TG_3

Would you mind to share your store URL? Thanks!

1 Like
3

Hello @TG_3

Please Share your store link.

1 Like
4

https://www.tire-guys.com/ thank you for looking into this

5

https://www.tire-guys.com/ thank you for looking into this this is link

6

Hey @TG_3

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1721417622765.png
Moeed_0-1721417622765.png1904×944 131 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
7

Thanks for the info, check this one.

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. Then place the code below at the very bottom of the file.
a.affirm-site-modal {
    margin: auto;
    max-width: 90%;
}
.section-sections--16741225037990__custom_liquid_3Hi9jj-padding {
    display: flex;
}
@media only screen and (max-width: 749px){
a.affirm-site-modal {
text-align: center;
}
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
8

Add this css on base.css or global.css

.shopify-section-group-header-group a.affirm-site-modal {

text-align: center;

width: 100%;

display: block;

}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like