Hi,
I need help condensing the footer and removing some of the padding to make it smaller, (reduced to half the size)
Thank you!
Topic summary
Goal: Condense the Shopify footer (Testament theme) and reduce padding to roughly half its current height.
-
Proposed fix: Edit the theme’s CSS via Online Store → Theme → Edit code, then add a CSS rule targeting div#bottom-footer. Code provided: div#bottom-footer { padding-top: 0 !important; margin-top: 30px !important; }.
-
Context: CSS is the style language for themes; the selector div#bottom-footer targets an element with id=“bottom-footer”; !important forces the rule to override others.
-
Implementation attempts: The suggested files (base.css, theme.css, styles.css, theme.scss.liquid) were not found. Adding the rule to stylesheet.css produced no change. Trying to add it in me.liquid also had no effect.
-
Assets: Screenshots were provided illustrating where to find and edit CSS files; the code snippet is central to the suggested solution.
-
Status: Unresolved. The current blocker is locating the correct stylesheet or using the correct footer selector in the Testament theme; further guidance is needed on the right asset file and element ID/class.
Hi @Chowbellaco ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file → Save
div#bottom-footer {
padding-top: 0 !important;
margin-top: 30px !important;
}
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
I searched all those files and none appeared. The only one I could find was stylesheet.css but I pasted it at the bottom and nothing changed
I also tried the same in theme.liquid and nothing changed