Forum Replies Created
-
AuthorPosts
-
Ben SiegfriedMember
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 SiegfriedMemberHey thanks so much Tony!
Ben SiegfriedMemberThanks for your input Tom.
Ben SiegfriedMemberI figure it out. I needed to select the Woocommerce setting for SSL to not force SSL outside of the checkout.
Ben SiegfriedMemberTo 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 SiegfriedMemberWeird, something is wrong with my post, I can't edit it even when the edit link is still there. Hmmm, oh well.
Ben SiegfriedMemberIn 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 SiegfriedMemberthanks!
Ben SiegfriedMemberAdding quotes around the page didn't work.
Ben SiegfriedMemberIf your problem is solved please select "Resolved" in the drop down menu of your post.
Ben SiegfriedMemberyou 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.
March 7, 2014 at 5:25 pm in reply to: Lifestyle Pro site header image responsive sizing issue & #93897Ben SiegfriedMemberiphone is 320px for the vertical and 480px for the horizontal:
@media only screen and (max-width: 320px) {
}
Ben SiegfriedMemberIf 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 SiegfriedMemberIn 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 SiegfriedMemberThis 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 SiegfriedMemberReplace 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 SiegfriedMemberI 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 SiegfriedMemberLoad 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 SiegfriedMemberLook 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 SiegfriedMemberI used this plugin to help solve my needs: AVH Extended Categories Widgets
-
AuthorPosts