Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #8052

    How to set borders around the images





    add following code to css/custom.css and adjust the padding value + background color value:

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


    hi Dude

    … and how to set padding and margin around images inside the “content area” and “mini contenta area”?

    great theme!




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


    .slideshow_container {

    padding: 5px;

    background-color: #333;


    I have added that but that’s not working


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


    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.


    I’m not sure which images you want to change. If you’d like to change the bg slideshow like it’s displayed here: you can try following code:

    border: 3px solid #333;

    to add borders. You can change the color value, etc. if you like.


    Thanks Dude!

    .avia_fullscreen_slider.dont_crop_images {border: 20px solid #fff; } partly works, but only on top and left of the picture. ( )

    How to make border around each side of the picture?



Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘image padding to images in no cropping mode how?..’ is closed to new replies.