[Ben Siegfried]

class="bumper" is being added by jQuery in the global.js file.

Using PHP, how do I force class="toggle-widget widget-area" to be added right after the header? It is not doing this with the add_action hook I'm using above. It is getting added in two divs below bumper.

[Ben Siegfried]

Hey thanks so much Tony!

[Ben Siegfried]

Thanks for your input Tom.

[Ben Siegfried]

I figure it out. I needed to select the Woocommerce setting for SSL to not force SSL outside of the checkout.

[Ben Siegfried]

To clear up what I want to do here:

I want the link to break to a second line when the viewport goes down to max-width: 320px, so my thinking was to add another footer cred with a <p class=""> that I will give visibility: show to and :hide to the other <p class="">

[Ben Siegfried]

Weird, something is wrong with my post, I can't edit it even when the edit link is still there. Hmmm, oh well.

[Ben Siegfried]

In the file named style.css inside the theme folder:

navigation; line 133

a, a:visited {
color: #509ac9;
text-decoration: none;
}

footer; line 1483; change the background-color:#6ec6ea

#footer {
background-color: #6ec6ea;
clear: both;
font-family: 'Oswald', arial, serif;
font-size: 12px;
overflow: hidden;
margin: 0 auto;
padding: 5px 0;
width: 920px;
}

[Ben Siegfried]

thanks!

[Ben Siegfried]

Adding quotes around the page didn't work.

[Ben Siegfried]

If your problem is solved please select "Resolved" in the drop down menu of your post.

[Ben Siegfried]

you need to provide more information. Always best to share what WordPress version you are using and what Genesis Child Theme and version have installed, and then a link to the site you are working on.

[Ben Siegfried]

iphone is 320px for the vertical and 480px for the horizontal:


@media only screen and (max-width: 320px) {
}


[Ben Siegfried]

If that doesn't work you'll have to learn how to use Firebug or Developer tools to target which selectors are which in your site, and then find those in the style.css file and make those changes.

[Ben Siegfried]

In your style.css file you can change the following by taking out h1-h6 from the others and giving them their own unique rules. Be sure and separate the selectors, don't keep repeats between the two. But you can have different rules applied to the separate selectors. Hope that helps.

body,

h1,

h2,

h2 a,

h2 a:visited,

h3,

h4,

h5,

h6,

p,

input,

select,

textarea {

	color: #333;

	font-family: Arial,Helvetica,sans-serif;

	font-size: 16px;

	font-weight: normal;

	line-height: 22px;

	margin: 0;

	padding: 0;

	text-decoration: none;

}

[Ben Siegfried]

This one might help you with the header: change header image size

Not sure what you meant the categories header area but I'll take a stab that it is the background for the menu bar? In that case, just change hex value #f5f5f5 to another color in this rule, in your style.css file. #cccccc looks good:

.nav-primary {
background-color: #f5f5f5;
}

Your dog is awesome!

[Ben Siegfried]

Replace this in your functions.php file with the following:

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'default-text-color'     => '000000',
	'header-selector'        => '.site-title a',
	'header-text'            => false,
	'height'                 => 90,
	'width'                  => 728,
) );

Change your title area like so in your style.css file:

.title-area {
float: left;
padding-top: 30px;
width: 728px;
}

Change your widget are like so in your style.css:

.site-header .widget-area {
float: right;
text-align: right;
width: 380px;
}

[Ben Siegfried]

I don't know what kind of background image you want back there, but if you add the following it will start to position your html site title. You can give it whatever padding you want from there or have it centered all the time with text-align: center.


header > div > div > h1 > a {
padding: 15px !important;
}


[Ben Siegfried]

Load up an image in your Appearance > Header admin, then change your CSS to this:

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

.header-image .site-description, .header-image .site-title a {
display: block;
/* text-indent: -9999px; */
}

These values should also be the same as in your functions.php file

>>>> max-width: 1070px;
>>>> min-height: 80px;

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


[Ben Siegfried]

Look for this code in the functions.php file to change the default header size.

// Add support for custom header
add_theme_support( 'custom-header', array(
'width' => 300,
'height' => 80,
'header-selector' => '.site-title a',
'header-text' => false
) );


In future posts please state what version of WordPress you are using and the Genesis Child Theme name and version

[Ben Siegfried]

I used this plugin to help solve my needs: AVH Extended Categories Widgets

[Author]

Posts