How can I center text in Theme Motion?

Store Design
1

Hello, friends. Theme Motion.
How to move Announcement text to the center. Thank you

2

Hello @Igor11

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.announcement__text {
    text-align: center !important;
}
1 Like
3

Thanks, it worked for me.

4

Hello @Igor11

Most welcome.

1 Like
5

Then maybe you know how to center the footer content? Thank you

6

Hello @Igor11

Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

1 Like
7

Hello @Igor11

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.site-footer .page-width {
    max-width: 1300px;
    margin: 0 auto;
}
1 Like
8

I want to evenly distribute the contents of the footer sklema.com

9

added code but nothing changed

10

Hello @Igor11

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.footer__item--1494292485313 {
    width: 33.3%;
}
1 Like
11

I want to evenly distribute footer content on mobile. Now it looks like this.

download-2.jpg
download-2.jpg416Ă—427 19.6 KB

12

Footer blocks moved to the left side of the page

20230412_100315.jpg
20230412_100315.jpg3000Ă—4000 2.64 MB

13

and delete the previous code?

14

now like this

20230412_101138.jpg
20230412_101138.jpg3000Ă—4000 3.2 MB

Screenshot_20230412_101123_Chrome.jpg
Screenshot_20230412_101123_Chrome.jpg1080Ă—2400 126 KB

15

Hello @Igor11

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

@media only screen and (max-width: 589px){
.footer__item--1494292485313 {
    width: 100% !important; 
}
.footer__newsletter-input {
    max-width: 450px !important;
}
}
1 Like
16

delete codes i uploaded earlier today?

17

Yes, you should delete the previous code and apply it to the one I provided.

1 Like
18

now like this. How to center text “YOUR SECURITY” and “2023 SKLEMA…”

20230412_102404.jpg
20230412_102404.jpg3000Ă—4000 3.25 MB

Screenshot_20230412_102324_Chrome.jpg
Screenshot_20230412_102324_Chrome.jpg1080Ă—2400 126 KB

19

Hello @Igor11

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.scss>Add this code at the bottom.

@media only screen and (max-width: 589px){
.footer__title {
    text-align: center !important;
}
.footer__copyright, .footer__powered_by {
    text-align: center !important;
}
}
1 Like
20

you are super man, thank you