Forum Replies Created
-
AuthorPosts
-
SoZoMember
The best approach for complete control is to apply a different #header background for each of the responsive sections. Otherwise you can add "background-size: contain;" to the #header rule but that never looks as good as setting custom images for each resolution.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
January 30, 2013 at 11:17 am in reply to: How Do I Change the Hyperlink Color in the Innv8tive Child Theme #16408SoZoMemberYou'll find those rules in the hyperlink section of the style sheet just below the default section.
I recommend installing the Firebug add on for Firefox or using Chrome's Firebug Lite which will enable you to right click on any element to inspect it and determine the associated style rules or the selectors required to create new style rules.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
SoZoMemberThat's the only tutorial I am aware of. And don't worry about breaking your site. That is the beauty of code. You can always go through and fix things after messing them up 😉
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
SoZoMemberSoZoMemberYou still have the original 1024 section in there. Replace all the responsive rules with what I posted above.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
SoZoMemberThe images in the header are created with a featured post widget placed into the Header Right sidebar.
Not sure about the social icons. Although there are rules in the style sheet to create the icons. Is there not a set up guide for the theme? Did you try contacting the theme's developer? Community themes like Vintage are supported through their developers.
The search is enabled in the Genesis settings panel under navigation extras
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
SoZoMemberI'm sorry but I don't understand your question.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
SoZoMemberSoZoMemberActually, you'll need to move all the rules you want from the @media only screen and (max-width: 1024px) section into the @media only screen and (max-width: 600px) section. So you end up with something like:
@media only screen and (max-width: 600px) { h1, h2, h2 a, h2 a:visited { font-size: 30px; } h3, h4 { font-size: 24px; } .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { padding: 0; width: 100%; } body { width: 100%; margin: 0 auto; } .archive-page, .content-sidebar #content, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .full-width-content.mindstream-landing #content, .full-width-content #content, .mindstream-landing .wrap, .sidebar, .sidebar-content #content, .wrap, #content-sidebar-wrap, #footer .creds, #footer .gototop, #footer-widgets .wrap, #header .widget-area, #sidebar-alt, #title-area { width: 100%; } .menu-primary, .menu-secondary, #footer .creds, #footer .gototop, #header ul.menu, #header .widget-area, #title-area { float: none; text-align: center; width: 100%; } .content-sidebar #sidebar .widget, .sidebar-content #sidebar .widget, #footer, #header { background: none; background-color: #222; } #header ul.menu { float: none; } #title-area { padding: 20px 0 10px; } #header .widget-area { padding: 0; } #header .searchform { float: none; padding: 0; text-align: center; } .menu-primary li, .menu-secondary li, #header ul.menu li { display: inline-block; float: none; } .menu li.right { display: none; } .menu li li { text-align: left; } #inner { padding: 20px 0 0; } .breadcrumb, .navigation, .sidebar .widget, .taxonomy-description { margin: 0 20px 20px; } #content { padding: 25px 0; } .full-width-content.mindstream-landing #content { margin: 0; } .full-width-content.mindstream-landing #inner { padding: 0; } .page .page, .post, #comments, #respond { padding: 0 20px; } .author-box { margin: 0 20px 40px; } #footer-widgets { margin: 10px auto 0; } #footer-widgets .widget { padding: 20px 20px 0; } #footer-widgets .wrap { padding: 0; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { margin: 0; } #footer .wrap { padding: 20px 0; } }
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
SoZoMemberSure, just remove the responsive section of the style sheet that corresponds with the iPads resolution.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
SoZoMemberSoZoMemberIf you want a page with posts from all categories then create a page and set that page to use the blog page template. That will be your blog. If you want to divide it out into categories just add the categories to your menu.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
January 29, 2013 at 10:51 pm in reply to: How do I add a white space between header and menu? #16316SoZoMemberYou could add padding to #header but you'd need to decrease the width accordingly otherwise it throws the header out past the margin of the page elements and I can't see where they are setting the width. I'll have to play with this theme more. It's coded a lot differently than their past themes have been coded. And before you spend too much time messing with this theme we should come up with a design and I just sent you an email that should get us rolling.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
January 29, 2013 at 10:29 pm in reply to: How do I add a white space between header and menu? #16310SoZoMemberYou'd need to edit the image that you are uploading and make your actual logo smaller on the canvas. Or increase the height of #header in the style sheet as well as the dimensions of the custom header function in functions.php and use increase the canvas of your image accordingly.
// Add support for custom header add_theme_support( 'genesis-custom-header', array( 'flex-height' => true, 'height' => 87, 'width' => 1080 ) );
For the search field you could add a right margin to #header .search-form, e.g.
#header .search-form {
float: right;
margin-top: 16px;
margin-top: 1rem;
width: 100%;
margin-right: 16px;
margin-right: 1rem;
}
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
January 29, 2013 at 10:10 pm in reply to: How do I add a white space between header and menu? #16307SoZoMemberYa, you'd end up with the same effect. Doesn't matter which way you go.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
January 29, 2013 at 10:07 pm in reply to: How do I add a white space between header and menu? #16305SoZoMemberYou could add a bottom margin to the #heade rule, e.g.
#header {
min-height: 87px;
overflow: hidden;
margin-bottom: 10px;
}
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
SoZoMemberPlease include a link to your site with all questions so that people can see what is going on.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
January 29, 2013 at 10:05 pm in reply to: Show Eleven40 Page Title WIDGET Data ONLY on Home Page #16303SoZoMemberMove the page title function from functions.php to home.php
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
January 29, 2013 at 9:51 pm in reply to: How to Set Comment Author Link to Open in a New Window #16299SoZoMemberWhat do you mean by author comment link?
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
SoZoMemberI haven't had any issues. You can use a plugin like DB-Optimize to remove code injected by unused plugins.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
-
AuthorPosts