Regarding the prestige theme, how can i make the footer slightly smaller?

Store Design
1

Regarding the prestige theme, how can i make the footer slightly smaller? It doesnt seem like i can use templates for this matter.

2

@eden73
Remove Our mission block from here so it will be become automatic smaller.
online store->themes->customize->footer->click on our mission section ->remove block

Ujjaval_0-1670224892798.png
Ujjaval_0-1670224892798.png1439×746 38.3 KB

3

Hi @eden73 ,

Go to Assets > theme.css and paste this at the bottom of the file:

.Footer .Container {
      max-width: 1260px !important;
}

you can also change the max-width to your liking, it will display fine

4

Hello @Renaye

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1670302778341.png
GemPages_0-1670302778341.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1670302802069.png
GemPages_1-1670302802069.png1192×849 35.7 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

5

This solution makes huge margins on the left and right, and everything becomes misplaced.

6

im looking to make the footer area below the description smaller not width.

7

im trying to remove the space between footer and all rights reserved section not width

8

Hi @eden73 ,

Go to Assets > theme.css and paste this at the bottom of the file:

.Footer__Inner+.Footer__Aside {
    margin-top: 15px !important;
}

Hope it helps!

9

Your code doesnt work, perhaps its because the theme is on scss

10

Hi @eden73 ,

Please send your site and if your site is password protected, please send me the password. I will check it.

11

i sent u a pm.

12

Hi @eden73 ,

Go to Assets > theme.scss.liquid file and paste this at the bottom of the file:

.Footer__Inner+.Footer__Aside {
    margin-top: 0 !important;
}
.Footer__Block {
    margin-bottom: 0 !important;
}

Hope it helps!

13

Hello, the code worked for the pc version, but it makes the mobile version look wierd, can you give me another code that makes it not effect the mobile ?

14

Hi @eden73 ,

Please change code:

@media screen and (min-width: 641px) {
.Footer__Inner+.Footer__Aside {
    margin-top: 0 !important;
}
.Footer__Block {
    margin-bottom: 0 !important;
}
}
1 Like