Archived topic

Element Hook: Full Width Container

5 replies · Started by Lucas on January 5, 2019

Viewing posts 1–6 of 6

January 5, 2019 at 12:23 am #773560

Hi,

I have a hook showing right below the woocommerce product list:

<div id="after-products" style="margin-bottom: 40px; margin-top: -30px; text-align:center; background-color:#731f73;">
	<img src="">
</div>

How can I make this div full-width, but leave the rest of my page as it is?

I tried the code below, but this one makes all elements in the page full-width:

body .grid-container {
      max-width: 100%;
}

Thanks.

January 5, 2019 at 5:33 am #773675

Hi there,

which Hook are you using?

January 5, 2019 at 5:37 am #773678

Please check my website again, it's actually the .black-bg div
Hook is woocommerce_after_main_content

January 5, 2019 at 5:42 am #773682

Try the Hook Element:

Use the before_footer hook in the list and then set your display rules. For the Woo Shop page you would use the Product Archive.

January 5, 2019 at 5:45 am #773683

I am in fact using the Hook Element, but my question is how can I make this specific element full-width.

January 5, 2019 at 6:37 am #773708

Did you try moving it to the before_footer hook, this should take up the full width of the page?

This archived topic is closed to new replies.