Moving the search box directly below the slider

[Keith O Reilly]

HI, I want to move the search box directly after the slider as it is too far down the page.

https://www.sitgesholidayaccommodation.com/apartments/

It seems to pull the text “Providing Sitges Apartments since 1990” from the title of the page, but I would like this gone.

Also is it possible to reduce the padding from the top of the browser to the logo line

[J. Davis]

Hi Keith,

You can go to Appearance > Customize > Widgets > Front Page Top and add Shortcode Widget under the Accommodation Types widget with content below:

[mphb_availability_search class="entry-content "]

then add the style below to center the form (Appearance > Customize > Additional CSS)

.page-template-template-front-page .shortcode_widget{
	width:80%;
margin:0 auto;
}

Then you will need to remove form shortcode from Home Page content as you added new one right under the slider.
In order to remove margin top try to apply the code below:

.site {
    margin: 0 auto 3.75em;
}

In case you need our assistance with these modifications you can get Extended Support offer.

best regards,
John

[Author]

Posts