Archived topic

Footer boxes margin/padding issue

3 replies · Started by Henrik on July 3, 2017

Viewing posts 1–4 of 4

July 3, 2017 at 2:54 pm #343653

Hi,

4 footer widgets, trying to make 4 boxes.

The CSS

.inside-footer-widgets {padding:20px;}

.footer-widget-1 {padding:7px;}
.footer-widget-2 {padding:7px;}
.footer-widget-3 {padding:7px;}
.footer-widget-4 {padding:7px;}

#text-5 {background:#B3CE43;
padding:20px;}
#text-6 {background:#B3CE43;
padding:20px;}
#text-12 {background:#B3CE43;
padding:20px;}
#text-14 {background:#B3CE43;
padding:20px;}

Just want it to be equally centered. Looks ok on desktop, on mobile I can't center it.
Link: antenneforening.dk

July 3, 2017 at 4:10 pm #343685

Hi there,

You can try wrapping that code using @media so it's only for desktop.

Then use @media again for another set of code to set the padding for mobile.

See info here: https://generatepress.com/forums/topic/how-do-i-search-for-my-previous-posts/#post-263744

July 3, 2017 at 11:37 pm #343800

So simple. Brilliant support as always

July 4, 2017 at 8:13 am #344016

Glad I could help :)

This archived topic is closed to new replies.

Start building better websites today.