Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Adding a colored border (1 pixel) to the individual product images on my products page


houseofink2018
Go to solution Solved by tuanphan,

Question

I am currently using the HYDE template and all the other recommended CSS solutions given are not compatible with my template: https://www.houseofink.studio/shop-onlineIs there another possible css code injection I could use.

Additionally, I have been able to get the pixel border to work on other pages: https://www.houseofink.studio/tattoo-studio

Edited by houseofink2018
Initial Revision
Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0

@houseofink2018 Add to Home > Design > Custom CSS


/* Shop Page */
.collection-type-products.view-list .ProductList-innerImageWrapper {
   border: 1px solid #fff;
}
/* Tatoo page */
body#collection-5d5eed37ce00080001e67447 .image-block-wrapper {
   border: 1px solid #fff;
}

if the answer is correct, Please Accept the question and upvote.

Edited by tuanphan
Initial Revision

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post
  • 0

Unfortunately your recommended CSS injection does not work on either the ShopOnline product page or the TattooStudio page.

I was, however, able to get the following to work on the TattooStudio Page:


<style>
  .image-block-outer-wrapper {
    border: 1px solid #3d4531;
 }
</style>

BUT, this CSS does not work on the ShopOnline page. Any other suggestions would be greatly appreciated. https://www.houseofink.studio/shop-online

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...