How to adjust the CSS for the header (Magazine theme)

[Stine G]

Hey peeps,

I'm customizing the Magazine theme (locally) and want to insert a full width slider in the header area.
I asked StudioPress how to, and got this answer:

"You can use the header right widget area to add your slider then adjust the CSS for the header so that is full width and your title area is hidden."

I have hidden the title area, but can't seem to find the CSS that controls the width of my header.
What is the exact css code I need to add to my style.css to control the header width?

Thanks in advance and kind regards,
Stine

[hobbygirl66]

You need to change in both functions and css.

in functions.php look for something like:

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'width'           => 400,
	'height'          => 150,
	'header-selector' => '.site-title a',
	'header-text'     => false

and make is exact size of your header.

In css look for

something like:

.header-image .site-title a {
	background-color: none;
	max-width: 400px;
	min-height: 150px;
	padding: 0;
}

It can mess up if you try and use header right widget.

Hope that helps!

[Stine G]

Thank you very much for your help. I've got 2 questions though 🙂
I have adjusted the width in functions.php which definitely made the header image full width (1140 px).

However, I didn't quite get what to add to the CSS - did you mean:
"width: 1140 px;" ?

Also this theme allows for you to add a the custom header image via the dashboard, but not a slider, which is what I'm going for. Do you know how I can add the Genesis Responsive Slider to the header area (http://wordpress.org/plugins/genesis-responsive-slider/)?

Hope you can help - thanks in advance 🙂

[Stine G]

Btw. I'm really sorry if I'm asking about something that's obvious, but I'm quite a newbie 😉

[hobbygirl66]

look for the width in your css. the old width. Then change to your new width/height.

Don't ever worry about especially here- people are unusually helpful on this forum. It is a nice fresh change and makes for a supportive atmosphere in general.

I would defer to some one else opinion on adding slider as header. My background is in SEO and I personally would not do. I don't want to hijack your thread ...

I see there are several posts and couple of plugins that will work if you have your heart set on it....
If you were my SEO client I would wrestle you to the ground til you cried uncle tho 🙂

Display Image Slider In WordPress Header On Home Page Only

Lisa

[Stine G]

Ok, thanks for the CSS info 🙂

I'm curious - would it hurt my SEO, if I put a slider in the header? 🙂

Stine

[Author]

Posts