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 faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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
  • 0

@houseofink2018 add this for shoponline product page


body#collection-5d5ecd5e7e4f2800010ba474 .ProductList-innerImageWrapper {
   border: 1px solid #fff;
}


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

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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...