[calvinocampo123]

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!

[calvinocampo123]

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.

[Sakin]

@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;
}

[calvinocampo123]

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.

[Sakin]

@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.

[henry14]

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/

[Sakin]

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

[henry14]

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

[henry14]

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

[Sakin]

@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; }

[henry2014]

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.

[Sakin]

@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.

[henry2014]

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

[henry2014]

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

[Sakin]

@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.

[henry2014]

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

[feedmeny]

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

[Sakin]

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

[Michael]

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/

[Sakin]

@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