Site logo

Archived topic

Hook Element for Reviews

3 replies · Started by Michael on February 27, 2020

Viewing posts 1–4 of 4

Hi guys,

I am working to implement the Site Reviews shortcodes on my shop page:

https://reclaimdesign.org/home-decor-shop/

I've put the shortcodes in a hook element (before_footer):

<div class="site-reviews">
	[site_reviews]	
	[site_reviews_form]
	[site_reviews_summary]
</div>

What I'm trying to do (unsuccessfully so far) is constrain the shortcodes to fit within the width of the rest of the page items (I think they are sitting within inside-article div). In other words, so they don't spread out from edge to edge of the browser as they are doing currently.

It's weird because everything else fits within the container width (like the NAP info in the footer beneath it), so I don't understand why these shortcodes are expanding out to the max screen width.

Please can you help?

Thank you :)

Michael.

Hi there,

add the grid-container class to your site-reviews container ie.

<div class="site-reviews grid-container">

Then remove this:

.site-reviews {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

Thank you David :)

Glad to be of help

This archived topic is closed to new replies.