How to move text up

I can't figure out how to move the text that is under this picture up some so it's closer to the image?image

2,096 Views
Message 1 of 5
Report
4 REPLIES 4

@lar 

Easiest way is to use a standard text element instead of the image caption..and adjust image spacing   to suit

2,082 Views
Message 6 of 5
Report

Actually that is a standard text element and not a caption.

2,071 Views
Message 6 of 5
Report

@lar You should use the image caption instead of the standalone text element since the caption will move and align with the image as a whole while a standalone text element has no relationship to the image. Image captions can be straight html so you can easily modify the appearance of the caption directly in the caption itself. Let's say that you'd like to move the caption 10 pixels closer to the image, i.e., move the caption up 10 pixels. In the image caption enter this:

<span style="position:relative; top:-10px;">Click image to enlarge</span>

If you'd like to modify the captions across the site, you'll need to access the site's css in the Code Editor (in the Site Editor, click "Theme" then click the Edit HTML/CSS button at the bottom of the left-hand sidebar). Modify the caption classes (click the magnifying glass at the top of the code pane and enter either "wsite-image div" or "wsite-caption" to find the classes) to this:

.wsite-image div, .wsite-caption {
    margin-top: -10px;
} 
2,068 Views
Message 6 of 5
Report

@PaulMathews   i have edited my top margins on paragraph text      FACE PALM  lol

2,062 Views
Message 6 of 5
Report