[VinciDesign.nl]

Hello,

I use the theme Catch Everest, I think its a great theme!

But I would like to remove the search bar in the top right corner and to reduce the white space above and below the logo. (See my website http://vincidesign.nl)

Could you give me a custom css code to do this please? I tried another searchbar remove codes but they did not work.

[VinciDesign.nl]

EDIT: and can use the slider for pages instead of posts?

[VinciDesign.nl]

Some other questions.

I put a post with a featured image in the slider and it works fine, it does show up on my homepage etc.

But when I click the image on the home page, it leads me to an error page. This is because it adds a /” after the link. The continue reading link is working fine though.

And for the other questions, please see this image.

http://i.imgur.com/kKUHe9r.png

– How can I remove the date and the posted by text and on the bottom the posted in [category] text?

– How can I expand the featured image to full size

Thanks in advance!

[Sakin]

@VinciDesign.nl: WoW so many question at a time. I will try to cover all.

1. I would like to remove the search bar in the top right corner and to reduce the white space above and below the logo. (See my website http://vincidesign.nl)
— To remove the white space above and below the logo add the following css in “Custom CSS” box in Theme Options panel.
#site-logo, hgroup.with-logo { padding-top: 0; }
— To remove the search box at the header right. Just go to “Appearance => Theme Options => Header Right Section” from your WordPress Dashboard and check on “Disable Header Right Section” and save changes.

2. The slider doesn’t accept page at this movement we will try to add in future updates.

3. There is problem with the slider image link. We have already fixed it in new version and but the WordPress Theme Review Team need to make the new version live so that you all can fix it. But there is temporary patch if you need then use this http://catchthemes.com/support-forum/topic/featured-slider-image-leading-to-error-page/

4. How can I remove the date and the posted by text and on the bottom the posted in [category] text?
— You can just hide it with the css. Just add in “Custom CSS” box in your Theme Options panel
.entry-meta { display: none; }

5. How can I expand the featured image to full size
Just add the larger image as the Featured image in the post. See the Theme Instruction for Image Sizes. http://catchthemes.com/theme-instructions/catch-everest/

[willko]

Hi Sakin,

Just following up on this,…

The “remove search bar fix” also removes the social links buttons,.. any way to JUST remove search bar and leave the social links in place..?

and,.. (pushing my luck here) is there a way to replace the search bar with a small text entry?  I’d like to put the business tel number there…?

Thanks!!

 

 

[Sakin]

@willko: Oh ok then just add the following css in “Custom CSS” box in your Theme Options panel in your WordPress Dashboard.
#header-right .widget_search { display: none; }

[willko]

Bingo!   Thanks for super fast reply!!

[[email protected]]

Hi! Thanks foir the tip. I got the Search-box away just clicking “Disable Header Right Section”

But it also disabled the Facebook/Twitter/etc logos/links.

Is there a way to remove the Search-bar without removing those social media etc logos/links, that also are located in the header right section?

Best,

Timo

[Sakin]

@[email protected]: I need your site URL and then will send you the css code. Did you try adding in the following css in “Custom CSS” box in your Theme Options panel.
#header-right .widget_search { display: none; }

[BrianW]

Hi, I’m also trying to remove the white space around the logo — I want to use a full width header image on the site (www.awesomeenterprise.com)

I tried using this code:
#site-logo, hgroup.with-logo { padding-top: 0; }

But it only removes the padding at the top. How can I get a full-width header image with no white at all?

[BrianW]

Oop! Think I solved it — apologies for the dumb question above. To remove white padding on all sides I just did this:

#hgroup-wrap { padding-top: 0; }
#hgroup-wrap { padding-bottom: 0px; }
#hgroup-wrap { padding-left: 0px; }
#hgroup-wrap { padding-right: 0px; }

[Sakin]

@BrianW: Yes it’s cool. But you can shorten the css by just
#hgroup-wrap { padding: 0; }

[heathershelby]

Hi there,
I am also trying to edit the padding as well as alignment of the logo and text in the header.
http://karengarlanger.wpengine.com/

I would like the logo and site title to be centered in the header and also much less space above and below the logo. I tried to use the code you provided already but it didn’t work for me.

I am using the Catch Everest theme. Thank you much!

[Sakin]

@heathershelby: I see that you have already center the logo but site Tagline is on left. You can center the tagline as well by adding the following CSS in “Appearance => Theme Options => Custom CSS” box.
#hgroup.with-logo { text-align: center; }

For adjusting the spaces above and below header. You can adjust the padding as per your need and add the following CSS in “Appearance => Theme Options => Custom CSS” box.

@media screen and (min-width: 1060px) {
/* Padding Above Logo */
#site-logo {
    padding-top: 50px;
}
/* Padding Above Site Title */
#hgroup {
    padding-top: 50px;
}
/* Padding Below Site Description */
#hgroup-wrap {
    padding-bottom: 50px;
}
}

[joecool3216]

Hi Sakin. Thanks for all your helpful coding tips. I have a question about the header in a responsive mode (iPhone). On a full site, there is no padding around the header because I entered the custom CSS code…however…when viewing on an iPhone, the padding returns. I tried to find the CSS code in the style.css but not sure which one to change. I would appreciate any help. Thanks again.

[Sakin]

@joecool3216: If you want to remove adjust it in all devices then just put the css outside@media screen and (min-width: 1060px) { }. This code only apply css that are screensize of 1060px width minimum.

So, it can be as below:

/* Padding Above Logo */
#site-logo {
    padding-top: 50px;
}
/* Padding Above Site Title */
#hgroup {
    padding-top: 50px;
}
/* Padding Below Site Description */
#hgroup-wrap {
    padding-bottom: 50px;
}

[macaguerra]

hello, how I can change the color of the menu? What I can use CSS?

[Sakin]

@macaguerra: To change the color of menu, you can simple use any of our Pro or Premium themes, which has in-build color option in Theme Options panel. If you are using Free themes then you need to upgrade to pro version.

[peterson89]

Hey,

I’ve some problems with this white line above logo. I’ve used all of yours codes but still nothing… I dont have idea what I should change:

I would like to delete white line above photo here:

http://www.sket.com.pl

thanks for reply, have a nice day!

[Sakin]

@peterson89: Add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header-content { display: none; }

[Author]

Posts