image padding to images in no cropping mode how?.. « Support Forum | Kriesi.at

Support Forum » Flashlight

image padding to images in no cropping mode how?..

11 posts from 4 voices

Started 1 year ago by mk
Latest reply from mk
This topic is not a support question

Tags:

mk
Member

How to set borders around the images

Posted 1 year ago #
mk
Member

anyone...?

Posted 1 year ago #
Dude
Dude
Hey,
add following code to css/custom.css and adjust the padding value + background color value:
```
.slideshow_container {
    padding: 5px;
    background-color: #333;
}
```
Posted 1 year ago #
maurodeluca
Member

hi Dude
... and how to set padding and margin around images inside the "content area" and "mini contenta area"?
great theme!
thanks

Posted 1 year ago #
Chris Beard

Hey,

maurodeluca, could you link to your page and specify which images? This way we're certain what we're talking about.

Posted 1 year ago #
mk
Member

.slideshow_container {
padding: 5px;
background-color: #333;
}

I have added that but that's not working

Posted 1 year ago #
Dude
Dude

Did you clear your browser cache? Sometimes the old stylesheets are cached and you can't see the changes.

Posted 1 year ago #
mk
Member

The issue is still in unsolved, that's not the Firefox problem.
I found that code in slideshow.css but changing values doesn't make a differences.

.dont_crop_images .bgwidth { height: 100%; left:50%; top:50%; width:auto;}
.dont_crop_images .bgheight { width: 100%; left:50%; top:50%; height:auto; }

Can someone help me with adding this border. The thick is to add his border only to non-croping images.

Posted 1 year ago #
Dude
Dude
I'm not sure which images you want to change. If you'd like to change the bg slideshow like it's displayed here: http://www.artifot.pl/site/?page_id=390&lang=en you can try following code:
```
.avia_fullscreen_slider.dont_crop_images{
border: 3px solid #333;
}
```
to add borders. You can change the color value, etc. if you like.
Posted 1 year ago #
mk
Member

Thanks Dude!

.avia_fullscreen_slider.dont_crop_images {border: 20px solid #fff; } partly works, but only on top and left of the picture. ( http://www.artifot.pl/site/?page_id=390&lang=en )

How to make border around each side of the picture?

Posted 1 year ago #
mk
Member

Anyone?

Posted 1 year ago #