TOPIC:

Hi

A few questions.. How do you...
1. insert blank lines above the first Section Title on a Bootstrap page, so that this Section Title is displayed a little lower on the page
2. reduce the space between a Section Title and the first bit of Text below it
3. insert a blank line between an embedded XOT Project and the next bit of Text in a Section
4. insert a blank line between an embedded XOT Project and the next Section Title.

Answers to any of these questions gratefully accepted!

Hi Jonathan

You will need to add the styles optional property to your project and use CSS to adjust for all of these (changing the margin/padding values to whatever height you want):

1.
section:first-of-type .page-header {
margin-top: 3em;
}

2. Padding will adjust the space below the section title but above the horizontal line and margin will adjust the space below the horizontal line:
.page-header {
padding-bottom: 0;
margin-bottom: 0;
}

3.
iframe {
margin-bottom: 1em;
}

4. The same css as in no. 3 should also do this - it will add some space below the iframe regardless of what appears beneath it
iframe {
margin-bottom: 1em;
}