Hi,
thank you for this link. Well, there are almost tables in the source code. So, if you add to your CSS:
all images within table cells will have a 20px padding but just bottom....
or
Have a try and you'll notice that there appears a gap of 20pixel [in height] between your images
Seems, that {SPACE}px works well --> horizontally but NOT vertically. [Forget about this RT and use CSS!!]
TIP:
DO NOT RELY ON BUILT IN SPACER, but think about your template and
read TOP DOWN your source code/CSS --> from <body..ID...class> to the item located on your page, you want to apply you styles....
Add your own classes to --> your own templates...
Example:
Code: Select all
<!--IMAGES_HEADER_START//-->
[TITLE]<h3>{TITLE}</h3>[/TITLE]
[SUBTITLE]<h4>{SUBTITLE}</h4>[/SUBTITLE]
<div class="My_Images_Here">
<!--IMAGES_HEADER_END//-->
<!--IMAGES_ENTRY_START//-->
{IMAGE}[CAPTION]
<p class="imagecaption">{CAPTION}</p>[/CAPTION]
<!--IMAGES_ENTRY_END//-->
<!--IMAGES_ENTRY_SPACER_START//--><!--IMAGES_ENTRY_SPACER_END//-->
<!--IMAGES_ROW_SPACER_START//--><!--IMAGES_ROW_SPACER_END//-->
<!--IMAGES_FOOTER_START//-->
</div>
<!--IMAGES_FOOTER_END//-->
with this template for example --> TO ALTER CAPTION you could add to your CSS-file(s) something like:
Code: Select all
.My_Images_Here p.imagecaption {YOUR:STYLES;}
this will affect ONLY caption in box.class="My_Images_Here"
So, [ALWAYS!] check output --> source code! --> and add whatever needed to apply styles to your images....
with [FOR] this template, i guess it would be something like:
Code: Select all
.My_Images_Here .imageEntry {padding: 20px;}
to get a 20px gap around all images ONLY within --> box --> .My_Images_Here
and keep in mind: