Forum Replies Created
-
AuthorPosts
-
August 24, 2013 at 11:12 pm in reply to: Sixteen Nine + Simple Social Icons: widget disappears #58670TomParticipant
Sounds like a theme booboo? I can confirm it does the same thing in my installation. My guess is the following:
There is a media query for responsiveness at line 1291:
@media only screen and (max-width: 1279px) {
This is followed by line 1346, which causes the simple social icons (and footer) to disappear when the screen hits 1279px:
.simple-social-icons, .site-footer { display: none; }
Change this to:
.simple-social-icons { display: inline-block; } .site-footer { display: none; }
This displays the icons when the screen shrinks but doesn't display the "Powered by Genesis" from the footer, just like in the demo.
I'd say that you and member 'korio' have made a good catch that the SP folks would like to know about.
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]TomParticipantArrrgh! I've been schooled by Mr. Leon! (and it's not even September)
I misread that as "moving my header, title and tagline" (3 items) "above the primary navigations bar".I expect, then, that you want to sandwich your header image between the nav bars and place the title and description above all of it. If so, this should work:
remove_action( 'genesis_site_title', 'genesis_seo_site_title' ); remove_action( 'genesis_site_description', 'genesis_seo_site_description' ); remove_action( 'genesis_before_header' , 'genesis_do_nav' ); add_action( 'genesis_before_header' , 'genesis_site_title' ); add_action( 'genesis_before_header' , 'genesis_seo_site_title' ); add_action( 'genesis_before_header' , 'genesis_site_description' ); add_action( 'genesis_before_header' , 'genesis_seo_site_description' ); add_action( 'genesis_before_header' , 'genesis_do_nav' );
If you want to reposition the description, try one of these CSS options:
1. As per the pic (kinda fails as responsive)`#description {
position:absolute;
left:400px;
top:15px;
}`2. Gets more out of the way on small screens:
#description { position: relative; left:425px; top:-40px; }
3. do nothing: it just tucks under the Title.
Ends up looking something like this :
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]TomParticipantHi Andy,
I think you're looking for something like this --> architourist.ca/
No border lines, little padding, re-aligned text, etc.Start with the Content Settings and other tweaks in the Slider Settings section under the Genesis menu. Some of the text and color changes were made directly via the Prose theme/plugins, however, I recall that most of the changes were made in the slider style.css. Kind of a no-no, but I couldn't see a way around it. That file is backed-up and would be closely reviewed before applying any slider upgrade.
Use Firebug or your browser's style inspector to find the elements you want to change, what file they live in and how you might modify them. The slider breaks down just like any other object.
Have fun.
--
Tom
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]TomParticipantYou might want to check out Bill Erickson's Genesis Grid plugin. It's actively supported and has good reference input by others here: A better, and easier, grid loop.
Before you go too far down the road with Nomadic, you might also want to consider the wide layout and responsiveness of the lifehack.org - part of why it looks the way it does on large and small screens. Since you already own Genesis, for $20 or so one of the responsive themes from SP or community developers might be a good, enduring investment. Just a thought.
Have fun with your grid!
--
Tom
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]TomParticipantHi Sean,
We can do this easily with Prose. (We're actually going to move the menu, not the header.) From the Code Snippets for Navigation Menus we can get the bits to move things around...
Please add this snippet in your Custom Code at the bottom of the section "Custom Functions':
//* Reposition the primary & secondary navigation menus remove_action( 'genesis_before_header', 'genesis_do_nav' ); add_action( 'genesis_after_header', 'genesis_do_nav', 'genesis_do_subnav' );
This will place things in the order: Header, Primary Nav Menu, SubNav Menu.
Sorry, I don't know about fixing your BBpress sidebar.
Good luck with your classes this fall.
--
Tom
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]August 23, 2013 at 7:54 pm in reply to: Modern Portfolio: How to add featured image above post title #58557TomParticipantGreat that you found a solution. I was intrigued by the question and found this Genesis solution for functions.php from Vivek at wpstuffs.com.
/* Code to Display Featured Image on top of the post */ add_action( 'genesis_before_post', 'featured_post_image', 8 ); function featured_post_image() { if ( ! is_singular( 'post' ) ) return; the_post_thumbnail('post-image'); }
He has also posted an HTML5 version and some additional notes.
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]TomParticipantNo trouble at all - it's how we all learn. So thanks to you, too.
For instance, I learned that the styling of the home slider in the Crystal theme demo doesn't quite work 'out of the box' either - the image doesn't sit squarely in the white border and gets scrunched to 580x290px from 600x300px.
I had to adjust the slider CSS to eliminate the padding and margin values previously set at 10px, from:
#genesis-responsive-slider { background-color: #fff; border: 10px solid #eee; margin: 0 auto; padding: 10px; position: relative; }
to
#genesis-responsive-slider { background-color: #fff; border: 0px solid #eee; margin: 0 auto; padding: 0px; position: relative; }
It only worked for me by adjusting the slider CSS, which I would expect to get overwritten by any future updates to the slider, which is not the best solution.
--
Tom
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]TomParticipantHi Houston,
Executive is structured a little differently that Eleven40 but you can get the same effect. You'll first want to restore home.php and functions.php to roll back your earlier attempts.
Then add this to the bottom of functions.php where the other widgets are registered:
/* register widget above home-top */ genesis_register_sidebar( array( 'id' => 'above-home-top', 'name' => __( 'Above Home Top', 'executive' ), 'description' => __( 'This is after the slider, above the top of the home page.', 'executive' ), ) );
Then, in home.php :
In the section " function executive_home_sections() "
Replace the first 'if' statement with this to add the new above-home-top to this loop:if ( is_active_sidebar( 'home-slider' ) || is_active_sidebar( 'above-home-top' ) || is_active_sidebar( 'home-top' ) || is_active_sidebar( 'home-cta' ) || is_active_sidebar( 'home-middle' ) ) {
Also add this snippet between the similar code blocks for 'slider' and 'home-top'
genesis_widget_area( 'above-home-top', array( 'before' => '<div class="above-home-top widget-area">', ) );
In style.css you'll want to add a line to style this new widget consistent with the other sections:
Add ".above-home-top," (without the quotes) immediately above the lines with
.home-middle, .home-top {
so that it looks like
.above-home-top, .home-middle, .home-top {
I found this at line 538 in style.css. You can also break this out to its own style block to suit the purpose of your new widget area. Mine looked like this:
Have fun with your new widget area.
--
Tom
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]TomParticipantHi Sportoct,
It appears that you are talking about three things here:
- restrict pushing categories to the blog page
- restrict posts from your (RSS) feed
- restrict posts by category using a related posts widget
#1. This can be set as you have found with your theme setting to a limited degree. Note that most (all?) themes offer specifically "settings [that] apply to any page given the "Blog" page template, not the homepage or post archive pages". That's not necessarily going to prevent publication by RSS or being picked up by a related posts widget.
#2. Google search shows that this can be done. If you are using a WordPress feed, see "Categories and Tags" in the Codex feed article. I'm sure there is a different configuration if you are using Feedburner or another feed delivery type.
#3. I'm not familiar with a 'standard' related posts widget, Genesis-related or otherwise. There are probably dozens available. Doing items 1 & 2 may not be taken into account by the widget/plugin to restrict inclusion as you are looking for,
Can you provide a little more detail so folks can help out? Theme? Specific related posts widget? Feed type?
--
Tom
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]TomParticipantHey, Ho, H20!
Try this...
Undo your CSS changes (this works out of the box).
Use the responsive slider with settings of:- Category = portfolio
- Show = 5, Offset = 0
- Show Author Gravatar = No
- Show Featured Image = yes
- Thumbnail = Home Thumbnail 175x125 ------>>> Alignment = *LEFT*
- Show Title = No
- Show Post Info = No
- Content Type = *No Content*
This section should now look just like the demo.
Edit:
I just noticed that you'll probably have to re-size the thumbnails for this middle section as the imported originals are too short as "home thumbnails".- Grab the "Regenerate Thumbnails" plugin, activate, then go to Media Library.
- Select (check) the 5 images for the middle portfolio section.
- Select "Regenerate Thumbnails" from the Bulk Actions drop-down and "Apply".
This should pick up the 175x125 'home thumbnail' size from the theme and regen these 5 images at the proper size.
Have fun!
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]TomParticipantHi Brad,
Thanks for this snippet.
How would we adjust this so that the slider appears on page one *only* of the home page blog listings?
Tom
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]TomParticipantBrad, thanks for looking into this. I think I can say tonight that this has been resolved by using a plugin.
Code would be cleaner and more certain but this should work out fine using the plugin “Add Descendants As Submenu Items” by Alex Mills (Viper007Bond). Alex's page is > here <, at or you can obtain it via the plugin page at WordPress.org.
This escaped my previous searches because it doesn't promise to do what I was seeking ('hide existing categories'), but actually does it a different way in order to achieve a different objective from Alex – automatically add hierarchical items to initialized menus. Alex created it for posts/pages to be added to menus, I can use it to add categories to menus as they are first used.
It took some work to setup and test. I had to destroy a few large menu trees so that the menu items could be added back by the plugin. They aren’t actually added to the menu structure at “Appearance > Menus”, so you have to get the right setup of initial levels of menu structure made by hand so that the plugin can later add to them automatically at lower levels.
This could be a big time-saver for accurately maintaining large hierarchical category > menu structures. I know it will be for me as I won’t have to add and place scores and scores and scores of categories as hierarchical menu items, just add a couple dozen at only two levels deep. With the categories and custom slugs loaded by BulkPress, I’m done!
Thanks again, Brad
And thanks to Alex Mills!
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]TomParticipantThanks for your reco, Brad although I'm not sure of the rationale.
I'm not aware of a performance issue for a volume of tags versus a volume of categories. Although it might be possible to encourage some trimming of the overall count, tags do not meet the hierarchical requirement. There would be typically 3 to 4 categories assigned per post, with additional tagging of perhaps 2 to 5 labels.
Overall, I guess you are saying that there is no way to solve the initial question:
Can one 'hide' empty categories in nav menus until they are used in posts?
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]TomParticipantThanks for replying, Brad. The site is currently on a local dev server.
Current estimate for categories is ~225 to ~250. Perhaps half of these will be 'empty' until year 2. "It depends."
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]TomParticipantNewbie S.W.A.G., but your CSS selector at line 407 seems to declare "header-image #title" twice, unnecessarily. Your "margin-left" of 1.5rem makes them overlap. (If you make the margin=0, the images merge into one, but in the wrong position.) Maybe Firefox can handle this 3x declaration, but Chrome and IE cannot.
CSS line 407
` .header-image #title, .header-image #title a, .header-image #title-area {
background: url("images/logo.png") left no-repeat;
display: block;
float: left;
min-height: 50px;
overflow: hidden;
text-indent: -9999px;
margin-left: 1.5rem;
}
`You need to get this down to `.header-image #title-area `.
Sorry I can't be more helpful.
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ] -
AuthorPosts