Jump to content

How Do I Remove Gray Frame on my Like To Know It Widget and make it square

Recommended Posts

Hello!!

I am using LTK shop widget on my blog. I'd like to remove this ugly gray frame and be able to have the images be square and centered as well as use my own font  to write a product description below.

This is the only thing I found online that describes exactly what i want to do (It's for Wordnpress unfortunately)https://help.empressthemes.com/article/287-remove-gray-frames-from-rewardstyle-product-thumbnails-and-force-each-thumbnail-to-a-square-size-boutiques

This is the code LTK gives me to add to my website via block

<div class="boutique-widget" data-widget-id="1170496"><script type="text/javascript">!function(w,i,d,g,e,t){d.getElementById(i)||(element=d.createElement(t),element.id=i,element.src="https://widgets.rewardstyle.com"+e,d.body.appendChild(element)),w.hasOwnProperty(g)===!0&&"complete"===d.readyState&&w[g].init()}(window,"boutique-script",document,"__boutique","/js/boutique.js","script")</script><div class="rs-adblock"><img src="https://assets.rewardstyle.com/production/758f49dc51189befd7ec513a0d5e6b380413022e/images/search/350.gif" onerror='this.parentNode.innerHTML="Disable your ad blocking software to view this content."' style="width: 15px; height: 15px"><noscript>JavaScript is currently disabled in this browser. Reactivate it to view this content.</noscript></div></div>

This is how it looks on my website:

https://www.cocotran.com/interiors

 

This is how I'd like it to look: white square blocks with custom font description below 

https://eye-swoon.com/shop/

 

PLEASE HELPPPPP

 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

3 hours ago, 123HELPME said:

Hello!!

I am using LTK shop widget on my blog. I'd like to remove this ugly gray frame and be able to have the images be square and centered as well as use my own font  to write a product description below.

This is the only thing I found online that describes exactly what i want to do (It's for Wordnpress unfortunately)https://help.empressthemes.com/article/287-remove-gray-frames-from-rewardstyle-product-thumbnails-and-force-each-thumbnail-to-a-square-size-boutiques

This is the code LTK gives me to add to my website via block

<div class="boutique-widget" data-widget-id="1170496"><script type="text/javascript">!function(w,i,d,g,e,t){d.getElementById(i)||(element=d.createElement(t),element.id=i,element.src="https://widgets.rewardstyle.com"+e,d.body.appendChild(element)),w.hasOwnProperty(g)===!0&&"complete"===d.readyState&&w[g].init()}(window,"boutique-script",document,"__boutique","/js/boutique.js","script")</script><div class="rs-adblock"><img src="https://assets.rewardstyle.com/production/758f49dc51189befd7ec513a0d5e6b380413022e/images/search/350.gif" onerror='this.parentNode.innerHTML="Disable your ad blocking software to view this content."' style="width: 15px; height: 15px"><noscript>JavaScript is currently disabled in this browser. Reactivate it to view this content.</noscript></div></div>

This is how it looks on my website:

https://www.cocotran.com/interiors

 

This is how I'd like it to look: white square blocks with custom font description below 

https://eye-swoon.com/shop/

 

PLEASE HELPPPPP

 

Can you show me which parts you are mentioning?

image.thumb.png.f525cb12e4af4524323a3acd8a457792.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 1 year later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.