[Resolved] Put sidebar on specific place

[Sofie]

Hi there,

I refer to my test page https://www.capeach.eu/online-taalcoaching-2.

I have created a custom sidebar using the plugin easy custom sidebars. However, I would like it a bit ‘lower’ on the page, next to the text instead of the image. Is that possible? If so, can we keep the image and the grey container full width, instead of contained. Or does a sidebar prohibit that option?

Thank you very much for your reply. Do not hesitate to refer me to other pages if they do exist.

Kind regards,
Sofie

[David]

Hi there,

you would need to add the content using a Block Element:

https://docs.generatepress.com/article/block-element-overview/

You can use the generate_after_header hook to place it above the main content and right sidebar

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sofie]

Hi David,
Thanks for the reply.

I added the generate_after_header hook on my test page as you suggested.

However, if you go to https://www.capeach.eu/online-taalcoaching-2, you will see that it’s is not in the right place.

It seems that he doesn’t recognize the header. I have tried using a cover image (as it is now) and I have tried using a featured image and a container with background image, but it is always in the same place.

Any ideas?

Thanks in advance. Kind regards.

[David]

Is it the Absolute Beginner block that needs repositioning ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sofie]

Yes, I would like it under the moon, in the right sidebar.

[David]

Change the Hook to the generate_before_right_sidebar_content

You will need to:

1. Make sure that Sidebars are enabled on that page.
2. Then move your Cover Block to a Block Element, and set its hook to the generate_after_header. I would suggest using a GenerateBlocks container for the Moon image background and text instead of the cover block

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sofie]

Hi David,

Thanks for your help. Finally, I will not use the sidebar, as all the content on the page gets contained. I like it better when it uses the whole page.

Kind regards,
Sofie

[David]

Glad to hear you found a solution 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts