HI,
on my page below I would like to reduce vertical space between the footer columns. Reason: The (longer) 3rd footer column heading breaks into 2 lines on iPad, so I need more content width and less space in-between
If tried things like in this post:
https://kriesi.at/support/topic/reduce-widget-vertical-spacing-in-footer/
but did not get it. (e.g. resulted in shifting all blocks to the left, but same prob.as above. etc.)
What can I do?
Thx a lot & best regards Tilman
Hey!
Try adding this code to the Quick CSS:
#footer .av_one_fourth {
margin-left: 3%;
width: 22%;
}
Cheers!
Josue
Hey Josue,
thx – although no solution in this case: This code created no improvement, but addt´l, non-wanted effects: The headlines were in capitals and the line break was even on PC screen – so I turned it away again.
Any other idea?
Cheers, Tilman
Hey!
Can you post a screenshot/mockup of what would you want to achieve?
Best regards,
Josue
HI,
PLs look link below – 3rd column w/ issue….
Best regards Tilman
.. and to achieve I would like
-> less spacing between columns 1-4
-> more space for content
-> no line break :-)
Try reducing the dimensions here – http://screencast.com/t/E2WN6foflAeA
that does not solve it – also by playing w/ other values…
Hey!
Try this:
#footer .container{
padding: 0 30px;
}
#footer .av_one_fourth {
margin-left: 1%;
width: 24%;
}
#footer .first{
margin-left: 0%;
}
It will result:
http://screencast.com/t/ObV3UgoOPI
Regards,
Josue
Hey,
i´ve adjusted a little with the values – now it works great
thx a lot, Josue!
You are welcome, glad to help :)
Regards,
Josue