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.