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

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

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

Share this post


Link to post

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 - Free Templates - Free Code - CSS ID List

Share this post


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

Share this post


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