How to add borders « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Propulsion

How to add borders

5 posts from 2 voices

Started 11 months ago by cutecreations
Latest reply from cutecreations
This topic is closed
This topic is resolved

Tags:

cutecreations
Member

Hey

I'm trying to add borders to the thumbs on the artwork page but when I try it only adds borders to the top, left and bottom.

http://cutecreations.co.uk/wp/artwork

Kind regards

Kate

Posted 11 months ago #
Ismael
Moderator
Hi Kate,

Try to add the following code in your Quick CSS:
```
#top .slideshow li img {
   border: 2px solid black;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.slideshow.fade_slider {
   border-bottom: 1px solid black;
}
```
Just change the color and thickness of the border. Hope this helps. :)

Note: Don't change the thickness of the border in .slideshow.fade_slider.

Regards,
Ismael
Posted 11 months ago #
cutecreations
Member

Hey Ismael

Thank you, this worked perfectly. I've just noticed a few other items that need a 1px border but not sure how to do it:

• The related entries at the bottom of the portfolio pages: http://cutecreations.co.uk/wp/artwork/tie-dye-poa

• The related products at the bottom of the product pages (looks like the border has just been scaled down?) http://cutecreations.co.uk/wp/shop/onigiri-fun-t-shirt-2

Many thanks

Kate

Posted 11 months ago #

Ismael
Moderator

Hi Kate,

Try to add this code:

.related-portfolio img, .related.products img {
   border: 1px solid black !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

Just change the border color. Hope this helps. :)

Regards,
Ismael

Posted 11 months ago #