[stickerd]

My header is an image, because I could not get the logo and text to be next to each other unless I made both in an image using power point.

My problem is the image brings my menu down to far on the page.  I think I need certain CCS code, but I am a newby to this. Can you help?

http://www.decodingdyslexia0r.org

Thx! ~ Diana

[Sakin]

Hi Diana, I cannot open your site. Can you check your site url and also your site status.

[stickerd]

http://www.decodingdyslexiaor.org/

Thank you!

[Sakin]

@stickerd: You are using old version 0.1.1. Please update to version 0.1.2.3 and it will be fixed.

[maevamena]

Hi, I would like to reduce the space under my header image. Can you please point me to what change I can make in the code?

Here’s a link: http://66.147.244.179/~wendybow/

Thanks,

Maeve

 

[Sakin]

@maevamena: Just add the following CSS in “Custom CSS” box in your Theme Options panel
hgroup.with-logo { padding-top: 0; }

[stickerd]

Thanks Sakin. It worked.

I have another issue about “the search” on the top right corner of the home page.

When I enter information, it moves everything down? How do you stop this from happening?  http://www.decodingdyslexiaor.org/

Diana

 

[stickerd]

This is a similar question.  I had someone make me a photo for the logo. I like it alot and don’t want to change it. But it pulls the media and search icons down.  Is there a way to keep the Header large and get the media icons back up?

MANY Thanks ~ Diana

[stickerd]

OK I fiured it out. I changed resized the photo.

Now I have the logo I want that does not interupt the media icons. Again, how do I get the white space underneath the header to go away.

I want the header to be closer to the menu.  http://www.decodingdyslexiaor.org/

D

 

[Sakin]

@stickerd: To change the width of the search when focus. Just add the following CSS in your “Custom CSS” box in Theme Options panel.
#header-right #s:focus { width: 100px; width: 10rem; }

You header space under the header logo looks fine. If you reduce that you also need to reduce up. Ok If you want to reduce then let me know by how much and I will send you the code.

[stickerd]

Agh!
I borrowed the CCS code below from the forum.
And now my header is gone? And so is the white boxes around the slider text.
I deleted the code, removed the header and added it again, nothing!
I removed the code, but still no header or white boxes. Help!
Diana
These were the CC code I was trying…
padding: 20px; padding: 2rem; }
hgroup.with-logo { padding-top: 0; }
OR
#site-logo { padding-top: 0; }
#hgroup-wrap { padding-top: 0; }

[stickerd]

http://www.decodingdyslexiaor.org/

Sorry. This is the websitte.

Diana

[Sakin]

@stickerd: I can see your site logo. Also don’t post in two thread same thing. I see you have posted in http://catchthemes.com/support-forum/topic/header-white-space-above-and-below-logo/

[stickerd]

Hi Sakin,

I have been working out some issues on my own. But these are the few that have me stumped.

http://www.decodingdyslexiaor.org

1. How do you change the color on the menu ( what CSS code?)
I want the bar to be the same color or similar to the logo and the highlighted menu options to be a darker blue.

2. I added some code that I found to reduce the white space between the logo and top. But want the amount of white space below the logo to be similar. What CSS code do I need?

3. I noticed on my IPad, that the media buttons and logo cause the header to move and be larger. I thought they would adjust and be responsive. How do I correct for that?

4. I am having trouble sizing slider images so they are all uniform. Right now they are slightly off and the pictures jump up and down. I know that the directions said 1140 x 450 pixels for slider pics. But Even when I do that, it does not work ( using GIMP). This is my biggest frustration, with this theme. Any suggestions?

5. Since I am the only person creating post, I would not like my name on each post. How do I remove that option?

Many thanks –Diana

(This was posted else where but I got no response.)

[Sakin]

@stickerd: Always keep your Theme Updated as we fixed issues in updates and I answer all the queries on the basis of latest version.

1. How do you change the color on the menu ( what CSS code?)
— Just upgrade to Catch Everest Pro theme where you have color picker in Theme Options panel where you can just change the color in a click.
— For free version you need to add the following css in “Custom CSS” box in Theme Options panel. Change the color code as per you need.

#header-menu { background-color: #45c3d2; }
#header-menu .menu .current-menu-item > a, #header-menu .menu .current-menu-ancestor > a, #header-menu .menu .current_page_item > a, #header-menu .menu .current_page_ancestor > a, #colophon .menu .current-menu-item a { background-color: #0F4950; }
#header-menu ul.menu li:hover > a, #header-menu ul.menu a:focus, #colophon #access-footer ul.menu a:hover, #colophon #access-footer ul.menu a:focus { background-color: #0F4950; }
#header-menu ul.menu ul a { background-color: #45C3D2; }


2. I added some code that I found to reduce the white space between the logo and top. But want the amount of white space below the logo to be similar. What CSS code do I need?
— Add the following css in “Custom CSS” box in Theme Options panel.
#hgroup-wrap { padding-bottom: 8px; }

3. I noticed on my IPad, that the media buttons and logo cause the header to move and be larger. I thought they would adjust and be responsive. How do I correct for that?
— Yes, that is when you have larger header image. As we don’t resize the media icons. So, only the header gets resize.

4. I am having trouble sizing slider images so they are all uniform. Right now they are slightly off and the pictures jump up and down. I know that the directions said 1140 x 450 pixels for slider pics. But Even when I do that, it does not work ( using GIMP). This is my biggest frustration, with this theme. Any suggestions?
— See this http://catchthemes.com/theme-instructions/catch-everest/. The image size has to be more than or at least equal to Width: 1140px and Height: 450px.
I just check in your
first image http://www.decodingdyslexiaor.org/wp-content/uploads/2013/03/one-in-5_1122x402.jpg which is width 1122px and height 402
second image http://www.decodingdyslexiaor.org/wp-content/uploads/2013/04/stockvault-teacher1297561-1136×416.jpg which is width 1136 and height 416
third image http://www.decodingdyslexiaor.org/wp-content/uploads/2013/03/rolling-ball_GIMP.png which is width 1031 and height 380.
Make all image equal and then it will be fine.

5. Since I am the only person creating post, I would not like my name on each post. How do I remove that option?
— add the following css in “Custom CSS” box in Theme Options panel to hide it.
.entry-meta .by-author { display: none; }

Also please put back credit link in your site. Don’t hide it if you want to support free theme. If you want to remove that please upgrade to Catch Everest Pro theme and you can edit the text from theme options panel.

[stickerd]

Thank you so much. I bought Catch Everest Pro.

Since then, I noticed that the header is a little high now. If you could check my code and tell me how to edit it to move it down a bit, that would be great.

Also, what is your recommedation for analytics?

Thanks so much!

Diana

[Sakin]

@stickerd: I don’t see header higher. Can you let me know what exactly you want it. Like how much you want to reduce it and all.

You can user Google Analytics and there is option to paste google analytics code in “Appearance => Theme Options => Webmaster Tools => Header and Footer Code”. You can paste the code there.

But if you just want to see the stats of your site then Jetpack plugin works fine. There is stats module that you need to activate in Jetpack.

[rcbharp]

I have tried the codes from here and a couple other posts and can’t get rid of the color around the Header. http://mcdougalministries.com/ helping a friend out and trying to move the header all the way to the top instead of the 1/2″ or so space before the header graphic with the transparent png

[Sakin]

@rcbharp: If you want to move the header to the top. Then you can remove the margin top by adding the following css in “Appearance => Theme Options => Custom CSS” box.
.site { margin-top: 0; }

If you want to make the header transparent, then you can add the following css in “Appearance => Theme Options => Custom CSS” box.
#masthead { background: none transparent; }

[rcbharp]

thanks so much

[Author]

Posts