Header, Logo and Page Width

Tagged: header, logo

This topic has 24 replies, 8 voices, and was last updated 7 years, 8 months ago by Sakin.

Viewing 20 posts - 1 through 20 (of 25 total)

1 2 →

Author

Posts
November 12, 2013 at 9:09 pm #17137

calvinocampo123
Member

This is my http://restareasofyourlife.com/. My questions are,

How can I change or reduce the size of my header title?

How can I resize or reduce the size of the image or logo?

Lastly, how can I make every page full width or extend it? That is without the gray part and just basically extend the page like home.

Thanks!

November 12, 2013 at 11:29 pm #17145

calvinocampo123
Member

what I want to happen is that I can move up the site title and the header image. So I thought decreasing the sizes of the site title and the header image will move up the header content and won’t waste the spaces at the header part. Can someone help me on this?

I accidentally decreased the size of the title after an hour of effect. i don’t know why it’s delayed. After seeing it, I realized it won’t really help which I want is to move spaces up after reducing the site title.

November 12, 2013 at 11:39 pm #17147
Sakin
Keymaster
@calvinocampo123: Catch Evolution theme is responsive design, so we don’t recommend you to edit font size as when you reduce the font in the large screen, you need to change accordingly for small and other smart devices.

The header content area uses padding and you can reduce that by adding in the following CSS in “Appearnce => Theme Options => Custom CSS” box.
```
#header-content {
    padding: 10px 0;
}
```
November 13, 2013 at 12:40 am #17151

calvinocampo123
Member

Thank you so much Sakin.

One thing, how about the font size of the header title? I accidentally edited on the editor and forgot which part.

And also the image? Is it also not advisable to edit the size of it?

Thanks so much.

November 13, 2013 at 5:09 pm #17166

Sakin
Keymaster

@calvinocampo123: You can add the following CSS in “Appearnace => Theme Options => Custom CSS” box, which will help you to adjust the font size of Site Title only in screensize above 960px.
@media screen and (min-width: 961px) { #site-title { font-size: 26px; } }

You can upload the image as per your need.

March 27, 2014 at 5:36 am #22870

henry14
Member

Hi Sakin, I had a question for you (or anyone who could help me), I want to basically get rid of the area for the page title (above my logo) since I’m not using it and it’s too much blank space, I’m using the catch evolution theme
thanks for your help!
This is the site:
http://guwli.georgetown.edu/

March 27, 2014 at 9:37 am #22896

Sakin
Keymaster

@henry14: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box to hide it.
#header-content { display: none; }

March 27, 2014 at 9:59 am #22901

henry14
Member

THANKS A LOT!!! IT Worked right away :D!!!

March 27, 2014 at 10:01 am #22902

henry14
Member

one final query, how can i reduce the width of the my banner logo, for it to be a bit more fitted?

March 27, 2014 at 10:53 am #22906

Sakin
Keymaster

@henry14: Sorry I don’t get it what you mean, do you meant that you want it to be wrapped inside the wrapper? Then you are using the wrong the. This mean you wanted to add Logo not the header image. So, in this case. remove the previous css and follow the step below.
1. Go to “Appearance => Theme Options => Header Options”. Then just copy your header image URL http://guwli.georgetown.edu/wp-content/uploads/2014/03/cropped-header-logo.png or upload it from Logo url.
2. Disable Site Title and Disable Site Description (Tagline) and enable Header Logo and save changes.
3. Then Go to “Appearance => Header” and remove the header image.
4. Then you can remove the header right sidebar by adding the following css in “Appearance => Theme Options => Custom CSS” box.
#sidebar-header-right { display: none; }

March 27, 2014 at 7:22 pm #22951

henry2014
Member

Hi there, I’m sorry I was not too clear.
– I just wanted to white area at the top, where my logo(GUWLI), is to be a bit thinner (reduce its width)
– Also, about my logo, is there a way to link it to a URL when I put the cursor on it?
best
w.

March 28, 2014 at 12:30 am #22984

Sakin
Keymaster

@henry2014: About white areas at the top. It’s from your header image itself. See your header image http://guwli.georgetown.edu/wp-content/uploads/2014/03/cropped-header-logo.png , it has white spaces.

About the link, you cannot add link in header image, You need to add this image as logo.

March 28, 2014 at 12:36 am #22985

henry2014
Member

Hi there, thanks, what do you mean when you say: “You need to add this image as logo”

March 28, 2014 at 12:38 am #22986

henry2014
Member

only the header text can have a url link? but not the image

March 28, 2014 at 12:39 am #22987

Sakin
Keymaster

@henry2014: this theme has option to upload one “header image” and another “logo image”. You can add header image from “Appearance => Header” and you can add logo image from “Appearance => Theme Options => Header Options => Logo URL”.

Header text and logo image will have link to your homepage but not header image.

March 28, 2014 at 12:52 am #22991

henry2014
Member

thanks! I’ll have to sit and work on this for a while
w.

July 18, 2014 at 8:57 am #40899

feedmeny
Member

Hello,

I don’t know if you can assist me but there is so much white area under the tagline. Is there any way we can lower the tagline and also bring down the logo just a bit. My website is http://www.feedme-ny.com

Thanks,

Nelson

July 19, 2014 at 1:06 am #40968
Sakin
Keymaster
Hello Nelson,

I see that you have added large logo and site title. Then it why, the header right sidebar when down. The maximum you can do, is to add minus margin top in social search icon. For that you can add the following css in “Appearance => Theme Options => Custom CSS” box.
```
#header .social-search {
    margin-top: -100px;
}
```
Regards,
Sakin
February 5, 2015 at 4:49 pm #51145

Michael
Member

Hi Sakin

I want to reduce the white area in my header, so that more of the actual page is shown. How do I do that?

Website http://www.houseofrecruitment.dk/

February 5, 2015 at 8:20 pm #51155
Sakin
Keymaster
@Michael: You can add the following css in “Appearance => Theme Options => Custom CSS” box:
```
#site-logo,
#header-right {
    padding-top: 20px;
}
#hgroup-wrap {
    padding-bottom: 20px;
}
```
Author

Posts