Footer widgets resizing

Support
#1

i am trying to figure out how to do some custom coding for the footer widgets of my website.

website is http://cannadems.org

how can i make the spacing from the bottom of the sponsors pictures get closer to the “sponsors” headline?
i have 2 text with logo-slider shortcodes in the footer. one on top of the other.

#2

Hi There,

Thanks for writing in!

Please use this css to decrease the gap between heading and the image. Please add this to your theme option -> custom -> Global css

.lgx-logo-slider-wp .lgx-logo-wrapper {
   padding: 10px 0px 25px 0px;
}

Hope this helps!

Thanks

#3

thank you its better but i have tried the code and i want to get the sponsors up higher to the bottom of the pictures in the campaigns slider.
how would i do that?

#4

Hi there,

You need to add the code below to X > Launch > Options > CSS:

.x-colophon .widget.widget_text {
    margin-top: 5px;
}

You can play with 5px and change the value to find the best case for your usage.

Also, I suggest that you check the Google Chrome Developer toolbar which is a great tool to find proper CSS Selectors which you can use to add your CSS code yourself:


Also, I suggest that you start learning basic CSS which it will come handy for you during the course of time:

https://www.w3schools.com/css/

Thank you.

#5

this doesnt really answer my question though.

its in the footer so you can see anywhere on the website: http://cannadems.org/

i have 1 block in footer, two text widgets in there. logo-slider category shortcode in the text widgets.

i am trying to move the “campaigns” closer to the top of the footer
i would also like to scoot “sponsors” up closer to the campaign logos.
(if the spacing could match the spacing beneath the sponsor logos)

thanks.

right now i have this code in custom css
.lgx-logo-slider-wp .lgx-logo-wrapper {
padding: 10px 0px 25px 0px;
}
.x-colophon .widget.widget_text {
margin-top: 5px;
}

this is what it looks like in the front…

#6

Hello @CannaDems,

Thanks for writing in! :slight_smile:

To do this, please add a class on the sponsors element. E.g. my-class

Then add the following to X > Launch > Theme Options > Global CSS

.x-colophon.top {
    padding: 25px 0 5.25%;
}
.my-class {
    margin-top: 0;
}

Hope it helps.

#7

i do not have it as a text box on the page, i have it as a widget. its in managed under customize > widgets.

how would i correct the spacing for that?

#8

Hi there,

It’s where you add your widget, but the spacing is by applied through the widget container, hence, what you need is CSS to alter the spacing of the container and not the widget itself. BUT, that spacing is coming from your logo plugin, and you already had the CSS

.lgx-logo-slider-wp .lgx-logo-wrapper {
padding: 10px 0px 25px 0px;
}

Hence, you just need to set those padding to zero. Example,

.lgx-logo-slider-wp .lgx-logo-wrapper {
padding: 10px 0px 0px 0px;
}

Thanks!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.