[Wabbit]

Hello, I have the Catch Responsive Pro theme and like it very much.
Is there a way to reduce the gap between the page header and the slider, and also between the slider and the featured content sections?
Also, is there a way to remove the “Search” widget from the page header? There is already a search widget in the menu bar.
Thanks!

[Skandha]

@wabbit: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

To remove the search field

#header-right-search {
    display:none;
}

To reduce gap between slider and featured content section

#feature-slider {
	padding-bottom:0;
}

To reduce gap page header and slider

#masthead {
	padding-bottom:0;
}
#site-branding {
	padding-bottom:0;
}

Let me know if this works out.
Kind Regards,
Skandha

[Wabbit]

Hi Skandha,
Thanks for helping with this! That definitely worked to get rid of the search field and to remove the gaps completely.
But what should I put if I just want to reduce the gap to a thin line? I tried putting different numbers into the code, but it seemed to break the code.

Also, just for others who might be interested in this one, I like to include comments to understand what I change, so I looked it up and to do that, you use /* and */ as in “/*remove search in header*/”

If I wanted to put in a picture box where the search box used to be, how can I do that?

Thanks!

[Skandha]

@wabbit: Please post in your site URL. You can use // for single-line comments and /*"comment"*/ for multi-line comments.

To add a picture box where the search box used to be
Go to => Appearance => Customize => Widgets => Header Right => Select Image Widget and Upload the image

Let me know if this works out.
Kind Regards,
Skandha

[Wabbit]

Hi Skandha,
Thank you, it is: https://seanpoage.com

Following your instructions, I noted that it said:
“This is the header right widget area. It typically appears on the right of the site title or logo. This widget area is not equipped to display any widget, and works best with a custom menu assigned as header right menu, a search form, social icons widget or possibly a text widget. ”

However, the image widget seems to work fine. I used a 100×100 pixel image and it looks good, thanks!

Also it seems to give a little padding to the space between the menu bar and the top header. Is this because of the image widget?
Thanks again!

[Skandha]

@wabbit: Yes, the little padding is because of the image.

Let me know if you have anymore issues.
Kind Regards.
Skandha

[Author]

Posts