- This topic has 5 replies, 2 voices, and was last updated 5 years, 9 months ago by Skandha.
-
AuthorPosts
-
May 24, 2018 at 11:45 am #146477WabbitParticipant
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!May 25, 2018 at 12:14 am #146504SkandhaParticipant@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,
SkandhaMay 25, 2018 at 9:29 am #146539WabbitParticipantHi 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!
May 28, 2018 at 4:32 am #146660SkandhaParticipant@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 imageLet me know if this works out.
Kind Regards,
SkandhaMay 28, 2018 at 11:46 am #146691WabbitParticipantHi Skandha,
Thank you, it is: https://seanpoage.comFollowing 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!May 28, 2018 at 12:03 pm #146694 -
AuthorPosts
- The topic ‘Adjusting gaps at top of page and removing search box’ is closed to new replies.