[Resolved] Full height sidebars

[David]

Hi,

how I can to do for what sidebars have height 100%? (height as content) with background color.

DavidRoda.com

Thanks!

[Leo]

Hi David,

Your sidebar is currently from Elementor so the best bet is to ask their support.

Hope this helps!

[David]

Hi Tom,

ok, I have already removed the elementor library on the right sidebar, how i can to do it full height?

Regards

[Leo]

Can you try this CSS:

#right-sidebar {
    float: none;
    display: table-cell;
}
.inside-right-sidebar {
    background-color: #ffffff;
}

[David]

Hi,

This code not work, I want that the sidebar will be full height,

[Tom]

Since you’re using both sidebars, you’ll need to use jQuery: https://generatepress.com/forums/topic/equal-length-columns/page/2/#post-38550

[David]

Hi Tom,

Sorry but I am not programmer and I do not know where I have to add that code, I do not know where is “wp_footer hook”

If you can explain me how do it, I would appreciate.

Thanks!

[David]

If you have the Hooks add-on activated in GP Pro then go to Dashboard > Appearance > GP Hooks.
This will show a list of Meta Boxes including the WP_Footer. Just post the code in there and click Apply.

[David]

Great!!

Only that the rest of the sidebar takes a little late, do you know how I can do it to load at the same time as the sidebar?

You can see here: http://davidroda.com/curso/whiteboard-pizarra-blanca/1-1-descargandolo-gratuitamente/

Thanks and regards!

[Tom]

Unfortunately javascript takes a second to load.

You can try changing this: jQuery(window).load(function($) {

To this: jQuery(document).ready(function($) {

It’s near the bottom of the code.

[David]

Hi Tom,

ok, I have changed it and I don’t notice much difference, I will investigate how to improve javascript loading.

Thanks you very much for the help, I’m sure this thread will serve more amateur people.

Best regards.

[Tom]

Sounds good – let me know if you find a better solution 🙂

[Author]

Posts