Gap between slider image and main text box

How can I control the space between the bottom of the Slider image and the main text box below.
Here is the home page - it is work in progress.


Hi Roger,

I hope you are well today and thank you for your question.

Do you wan to control the space as displayed in the attached screenshot?

If yes then you can do so by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Theme Options -> Other -> Custom CSS

body.home div#content {
  margin-top: 20px;

Change the value 20px in the above code to change the space size.

Best Regards,

Here’s the screenshot.

Excellent. Thank you. I am running with one at the moment. Many WP sites have a large image across the top and I wanted to have my text to be more dominant.

Thanks for the theme. It was my first venture into WordPress and it has taken a bit of time to get into it. The help file and the forum has provided answers to some of my other questions.

/* Hide title of Slider image post*/
.flex-caption .entry-title {
display: none;

/* Hide Read more button from sticky posts */ .type-post.sticky {
display: none;

/* Change slider colour */
.flexslider {
background: #dbcece;

I don’t know if these are useful topics for adding to the options in your themes. I wanted a sticky post to start the blog page but without the ‘Continue Reading’ button. I wanted it all to be visible at all times

Changing the slider background colour was done to make it the same as the colour of the text page to eliminate the white space behind the small slider images I wanted to use, and make the page look more distinct.

Thanks for getting back to me.

The site is at
but I will change it over

once I am happy with it.

The domain currently points at my old HTML development version.