Forum Replies Created
-
AuthorPosts
-
MarcyParticipantMarcyParticipantMarcyParticipant
I think if you change the height of your header, it will be OK.
From your Dashboard, click on Genesis > Design Settings, and then Header.
Change
Header Height: 150px to Header Height: 225px which is the height of the header image you are using.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou don't list the code you added to your functions.php, but if you wrap the function in a conditional for just the pages that you don't want the content to show on, the Genesis Featured Post widget should still add content in the sidebar.
The conditionals are on this page:
http://codex.wordpress.org/Conditional_TagsOne of these may work for you:
is_post_type_archive() or is_category() or Is_archive()So you would do this to your function;
function xyz() {
if ( is_post_type_archive() ) {
/* Put your code here */
}
}
Marcy | Amethyst Website Design | Twitter
MarcyParticipantThe original sidebar was (I'm only:
.sidebar {
width: 30.555555555%; /* 352px / 1152px */
}
The % number is what you want to change; the part between /* and */ is a comment that tells you to divide the width of the sidebar (352px) by the width of the site (1152px)You want the new width to be 250px, so 250px /1152px = 21.70138%,
so the new width for .sidebar is
width: 21.70138%; /* 250px /1152px */So now you want the content area to be larger by 352px - 250px = 102px
So for each of the sections, you would add 102px to the first number and divide by 1152px to get the new %.
--------------.content-sidebar-sidebar .sidebar,
.sidebar-content-sidebar .sidebar,
.sidebar-sidebar-content .sidebar {
width: 21.70138%; /* 250px /1152px */
}.content-sidebar-sidebar #content,
.sidebar-content-sidebar #content,
.sidebar-sidebar-content #content {
width: 67.788793%; /* 630px / 928px */
}.content-sidebar #content,
.sidebar-content #content,
#title-area {
width: 74.13194%; /* 854px / 1152px */
}I don't think you want to change this one, unless you have also changed the width of #sidebar-alt.
.content-sidebar-sidebar #content-sidebar-wrap,
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
width: 80.555555555%; /* 928px / 1152px */
}
Marcy | Amethyst Website Design | Twitter
MarcyParticipantI am not sure what part of the header or content you want to center. Do you have a link to your site?
In the Genesis sample, the page is centered with the code:
#wrap {
margin: 0 auto;
max-width: 1152px;
}The line
margin: 0 auto;
is what does the centering.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou will want to find the sections:
#inner, #home-slider, #footer
and add this line to each section between the { }.
border: 1px solid #999;
The slider shadow is #999 which is a medium gray. If you want lighter, try #ccc. for darker, try #666.The sidebar widgets already have a border, so you will just want to change the color on one or the other to get the effect you want.
Find:
.sidebar .widget {
border: 1px solid #EEEEEE;
}
and
.sidebar .widget-wrap {
border: 1px solid #FFFFFF;
}
The color #EEEEEE is a very light gray
The color #FFFFFF is whiteFor more space below the menu, find
#inner
and change this line:
margin: 20px auto 0;
Change the 20px to 30px or 40px.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantIf you can't upload a .zip file, perhaps it's larger than the limit your hosting allows you. Do you know how to use FTP? You can unzip the plugin and then upload to the /wp-content/plugins folder on your hosting.
There are a number of posts on the plugin support forum
http://wordpress.org/support/plugin/genesis-subpages-as-secondary-menu
Some things that worked for people: a secondary menu has to be registered, and then deactivating and reactivating the plugin are mentioned. Maybe one will help you?
Marcy | Amethyst Website Design | Twitter
MarcyParticipantWhen you are in your Crave Dashboard, click on Genesis and then find the section Content Archives. Choose the navigation you want for the blog posts and save it. (I would switch to another one and save it, and then switch back, and save it again.)
Then go to http://yoursite.com/blog and you should see the navigation at the bottom of your Blog page.
(You have to create a Page with the title 'Blog" and nothing in the content area, and choose the Blog template from the dropdown on the right side, if you haven't created a Blog page yet. This may help with your 404 errors too.)For the Home page, you do want to check "Show Category Archive Link". That will link to a category archive page. I don't think you can get the Older-Newer navigation with the Genesis Featured Posts widget unless you choose a category for the posts; you can't have All Categories or nothing shows up.
I've used the Genesis Grid code on the home.php template, and have gotten older and newer that way, but only Category Archives with the Featured Posts widget. There is a Genesis Grid plugin that may have the navigation, but I haven't used it yet. http://wordpress.org/plugins/genesis-grid-loop/Also if adding the Blog page fixed your 404 errors, you could just add a Text widget in the same widget area as your Featured Posts with a direct link to the /blog/page/2.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantI found these
https://github.com/pdewouters/Genesis-Sass-Starter
https://github.com/gregrickaby/Genesis-SassAlso you could try Bones for Genesis
http://themble.com/genesis/bones/but I think I would start with Greg Rickaby's.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantSorry, I see you have Stretch theme.
In your style.css there is usually a selector .header-image #title-area or .header-full-width #title-area
You can add the header image as a background image in one of those selectors. You may have to adjust the size dimensions for it and also #header .widget-areaThe other way to change the header is to login to your site and from your Dashboard, click on Appearance and then Header. That screen will tell you what size to make your header image; it's usually a full-width image.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantI would need a link to your site to see your code or the theme you are using.
Marcy | Amethyst Website Design | Twitter
July 8, 2013 at 5:57 pm in reply to: Flexible social sharing plugin that plays nice with genesis? #49897MarcyParticipantSocial Sharing Toolkit By Marijn Rongen is pretty comprehensive, so it may work for you.
http://wordpress.org/plugins/social-sharing-toolkit/
Marcy | Amethyst Website Design | Twitter
MarcyParticipantBill Erickson has a plugin
http://wordpress.org/plugins/genesis-subpages-as-secondary-menu/
that may help with what you are trying to do for a Genesis theme.
He also has a blog post about it here
http://www.billerickson.net/genesis-subpages-as-secondary-menu/
Marcy | Amethyst Website Design | Twitter
MarcyParticipantI really like your site. I love the colors and the mobile nav menu. Google translated, so I could read some too. 🙂
Really nice site!
Marcy | Amethyst Website Design | Twitter
MarcyParticipantIt is probably your #wrap. You have:
#wrap { background-color:Â #FFFFFF; border:Â 1px solid #EC008C;</div> box-shadow:Â 0 0 5px #999999;</div> margin:Â 15px auto;</div> padding:Â 0; width:Â 1100px; }
The width: 1100px line makes it stay that size.
Try replacing it with
max-width: 1100px;
Marcy | Amethyst Website Design | Twitter
MarcyParticipantIf you look here, you will see what your header image looks like:
http://ccsmain.carmeleducationalfoundation.org/wp-content/uploads/2013/03/Headerwords1060x120-2.png
There is space on the left of the cross. If you want the image centered in the header, you will need to create a new image with equal amounts of space on each side.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou're welcome, Susan! I'm glad it helped.
Can you please mark this resolved then? Thanks!
"When your question has been successfully answered you can help others by selecting "resolved" from the drop down list at the top of the thread. This option is only available to moderators and for threads you have started."
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYour images are responsive; it's just that for some widths, they take up a bit more room that is available in the .page-title
Two choices:
1. change the code in .page-title from
overflow: auto;
to
overflow: hidden;
This will just keep the scroll bar from showing.
OR
2. change the code for .one-fourth
from
.one-fourth {
width: 22.5%;
}to
.one-fourth {
width: 22.4%;
}
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou could try changing the size of #title a, so the height is the same as your header.
Find this in your style.css:
#title a, #title a:hover { color: #698689; display: block; padding: 27px 0 0; text-decoration: none; } Add this line: min-height: 190px; The width on it seems correct, but if you want that too, add width: 399px;
Marcy | Amethyst Website Design | Twitter
-
AuthorPosts