Knowledge Base

Answers to Common liveSite Questions

Back to Knowledge Base

 
Site Design

How do I add borders around my images on my Catalog pages?

You can do this by adding the following CSS code to the Advanced Styling property within the Theme Designer:

.software_catalog .item img, object
{
padding: .5em .5em .5em .5em !important;
border: 1px solid gray;
}

And if you want to round the corners on your borders, you can paste in this code instead:

.software_catalog .item img, object
{
padding: .5em .5em .5em .5em !important;
border: 1px ;
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-top-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-webkit-border-bottom-left-radius: 7px;
border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-right-radius: 7px;
border-bottom-right-radius: 7px;
}

You can tune the code to your liking by changing numeric and color values too.

 


 
Add Feedback:
Was this page helpful? Please let us know how we can improve it.
Please login or register to add your feedback.