Skip to content
Catch Themes Logo

Catch Themes

Premium Responsive WordPress Themes with advanced functionality and awesome support. Simple, Clean and Lightweight Responsive WordPress Themes

  • Home
  • FSE Pro Plugin
  • Themes
  • Features
  • Hosting
  • Support
  • Blog
  • My Account

Header white space, menu design, and background color

Support Forum Catch Everest

Tagged: header, logo

  • This topic has 7 replies, 5 voices, and was last updated 12 years, 5 months ago by Sakin.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 23, 2013 at 2:13 am #5702
    alyssahcanada
    Member

    A few questions. I am using Catch Everest theme, my site is: http://www.afghanistan-parsa.org/

    1. I am trying to reduce the white space in the header above and below my logo. I was able to reduce it above using code you provided in another post:

    #site-logo, hgroup.with-logo { padding-top: 0; }

    However I still have not found a way to reduce the white space below my logo. I tried:

    #site-logo, hgroup.with-logo { padding-bottom: 0; }

    But this did not work.

    2. How is it possible to split the background colour horizontally into 2 or more colours. At Appearance>Options>Display Options the only choice is one solid colour.

    3. I like the style of sidebar menu at jimchicago’s site http://www.pmcsconsulting.com/dev/ How do I customize the font and style of my sidebar menu?

    Thanks again for your help, I hope my question is a little more clear this time!

    March 23, 2013 at 11:36 am #5726
    maevamena
    Member

    In answer to your question #1, this worked for me:

    #site-logo { padding-top: 0; }

    #hgroup-wrap { padding: 0; }

    Hope that helps.

    Maeve

    March 23, 2013 at 12:04 pm #5727
    alyssahcanada
    Member

    @maevamena – Great – thanks! That looks a lot better, the bottom white space is gone. To be picky, is there a way to get rid of the bottom white space but leave space on the left and right?

    March 23, 2013 at 4:21 pm #5736
    Simona
    Member

    Hi, I ‘d like to reduce the space above the logo I’put in the header. I’ve tried to insert in CSS option pannel this code:

    #site-logo { padding-top: 0; }

    but it doesn’t work…

    can you help me?

    My site : http://www.yogayurveda.net

    thanks

     

    March 23, 2013 at 5:19 pm #5739
    Simona
    Member

    I’ve solved it. It was a problem of the image logo I created….

    March 25, 2013 at 11:58 pm #5808
    Sakin
    Keymaster

    @alyssahcanada:
    1. However I still have not found a way to reduce the white space below my logo. I tried
    — When I check your site, you have able to reduce the it. Now the space is due to the social icons and the search box at the herder right side.

    2. How is it possible to split the background colour horizontally into 2 or more colours. At Appearance>Options>Display Options the only choice is one solid colour.
    — Here you can upload the image in your background from Appearance => Background

    I like the style of sidebar menu at jimchicago’s site http://www.pmcsconsulting.com/dev/ How do I customize the font and style of my sidebar menu?
    — Do you mean the sidebar widgets. To change the color of these, you need to use the css to change. Can you be more specific to what you want to do.

    Also look for the Catch Everest Pro version which will be releasing any day this week. Which has lots of cool options. Our team is doing final quality testing.

    March 29, 2013 at 6:52 am #6110
    bill
    Member

    I’m looking to greatly reduce the one-inch whitespace above the multilevel navigation bar that I’m assume was allocated for the Title and social widgets, but the custom CSS above didn’t work.

    I’d like the topmost feature to be the navigation.

    Congrats on a great theme.

    http://faithlcmc.org.previewdns.com/

    March 29, 2013 at 3:32 pm #6129
    Sakin
    Keymaster

    @bill: Just add the following css in your “Custom CSS” box in Theme Options panel and it will be fine.
    #masthead hgroup { padding: 0; }

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Header white space, menu design, and background color’ is closed to new replies.

Incompatible Archive Error in WordPress 6.4.3

How to fix the Incompatible Archive Error?

Support Forum Instructions

Use the search box below to search for your answer and also check out theme instructions at Theme Instructions before posting question here.

When you post in your question, please don't forget to post in your site URL. If you have issue in posting question here in forum then check out screencast from our YouTube channel.

Notice: Support Forum Now Requires User Moderation to Avoid Spammers

Search Forums

Popular Themes

BizBoost Pro

Buy Now

Bold Photography Pro

Buy Now

Audioman Pro

Buy Now

Catch Fullscreen Pro

Buy Now

Fotografie Pro

Buy Now

Catch Responsive Pro

Buy Now
Hire a Customizer

Recent Topics

  • Header Media Problems
  • Page title issue + Allow editor access to Header Media title?
  • More responsive images
  • Footer full width
  • Clean Education Pro
  • How to remove commas from displayed tags?
  • Duplicated post and feature Image
  • Fatal Error
  • the button color of Catch Vogue Pro
  • No responsive mobile menu since upgrade to 2.3
  • Media queries & Hamburger Menu
  • More control of Header needed
  • Can one make the Header video play on mobile?
  • Conflict with Version 2.6 and SiteOrigin PageBuilder
  • Mouse Pointer Dot color
  • Removing Links from Content Tags
  • Issue with Renewal Version
  • Excessive space above youtube embedded video
  • Hamburger Menu Not Working.
  • Different sizes in post image
  • Published post does not display content put public preview does
  • display product attributes on product pages
  • YouTube Embed does not display in published post
  • Woocommerce Produt page options drop down
  • How do you remove the space between the main menu and the first text
  • Search has completely quite working on Catch Responsive Pro
  • Homepage header cover image not showing
  • Funitrix not compatible with woocommerce-smart-coupon in checkout
  • Plugin will not activate
  • Critical error on the website when edit posts/pages in WordPress Admin

Popular Tags

background blog catch box catch everest child theme Color comments css Excerpt featured content featured image featured slider font footer header header image Home Page homepage image images layout logo menu mobile Mobile Menu navigation padding page portfolio post posts responsive search sidebar Simple Catch site title slider theme title update widget widgets width woocommerce wordpress

Featured Posts

  • Best Free WordPress Block Themes for Full Site Editing for 2024
  • 40+ Best Free Business WordPress Themes for 2024
  • 30+ Best Free WordPress Themes for 2024
  • 25+ Best Free Music WordPress Themes for 2024
  • Our Top 10+ Free and Premium Photography WordPress Themes Collection 2024
  • Our Free and Premium Music WordPress Themes Collection

Donate Now

Click on the Donate button below to Support Free Themes, Free Plugins, and Free Support. All donations are used for the development and improvement of free themes, plugins, and support. Thanks for your contribution.
  • Home
  • About Us
  • Contact Us
  • Join Our Team
  • Terms & Conditions
  • Privacy Policy
  • Facebook
  • Twitter
  • Linkedin
  • Scroll Up
  • Pinterest
  • Youtube
  • Instagram
© 2012 - 2025 Catch Themes: Premium WordPress Themes. All rights reserved.
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Do not sell my personal information.
Cookie settingsGot it!
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT