[Resolved] Hook Element for Reviews

Home Forums Support Hook Element for Reviews

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1178751
    Michael

    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.

    #1178791
    David
    Staff
    Customer Support

    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%;
    }
    #1179163
    Michael

    Thank you David 🙂

    #1179464
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.