Padding the floating image


(Jeffrey Shaw) #1

In the left/right floating image stack, I find that the text generally wraps too close to the image and in particular the heading (first sentence of the text) is much too close to the image when viewed on mobile (the image appears at the top and the text starts immediately below it). I would really like to be able to add padding to the floating image, or failing that, a transparent border (a solid colour border is no good for me). It appears not be possible - or am I missing something?


(Brandon Scott Corlett) #2

Are you using Stacks 2 or Stacks 3?


(Jeffrey Shaw) #3

I have updated to Stacks 3.


(Marten Claridge ) #4

You could try pasting this in the CSS tab of the Page Inspector:

.stacks_float_left {
   margin-bottom:20px;
  }

Marten
RapidWeaver Central


(Jeffrey Shaw) #5

Very helpful - thanks!!


(Jon C. Munson II) #6

Two others worth playing with:

.centered_image {
     padding:20px; /*padding all-round*/
     /*or*/
     margin:20px; /*margin all-round*/
     /*depending upon which works better for you*/
}

This might affect any other images on your page as well, as might .stacks_float_left{}.