Forum Replies Created
-
Posts
-
Actually, you do want to edit that function. If you just get rid of it, it reverts to the default footer copy.
Now, it you really want there to be NOTHING there, you could remove the three add_action filters that precede the function to customize the copy, and just leave the remove_action filters that nuke the footers entirely.
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Just tried it on my daughter's site. Comment out or otherwise nuke the following:
//* Customize the footer
add_filter( 'genesis_footer_output', 'sixteen_nine_custom_footer' );
function sixteen_nine_custom_footer( $output ) {$output = sprintf( '<p>%s%s</p>', __( 'Powered by ', 'sixteen-nine' ), __( 'Genesis', 'sixteen-nine' ) );
return $output;}
I just now commented it out, but you could also edit the'Powered By', and 'Genesis', to say something else.
Hope that helps!
MB
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
It would be a good idea to make a custom.css and @import it - or to add your customizations at the bottom of the style sheet in case you ever did want to update a child theme.
(This would make you a Better Person than I - I'm just not that disciplined, and I make my changes right in the stylesheet. I justify that by thinking my changes are so extensive I'm making a whole new child theme - the result is usually unrecognizable as whatever theme or combination of themes they started out as. Still, I should probably be making my changes easier to find; as your mother said, "Do as I say, not as I do.")
For example, Modern Portfolio just got updated to Pro without the look changing, but now the markup is html5.
Other themes that were updated to be responsive in the last year or so have also gotten updates to Pro - News, Magazine and more - but their looks changed enough that to me they became new themes, so when I use them, it'll be on new sites.
Hope this helps.
MB
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Two ways:
1. Make a copy of the file in the Genesis core files you'd want to add it to, and put that in your Minimum Pro child theme folder, and add your code to the copy of the file.
2. A better way would be to write an action that hooks in before the loop. Look in the Genesis Hook reference to find the name of the hook you need - perhaps genesis_before_loop.
Then write your function something like this:
add_action (genesis_before_loop, yourtheme_archive_before_loop);
function yourtheme_archive_before_loop ( ) {
if ( is_archive ) && ( function_exists( genesis_before_loop ) ) {
//add your code here ;
} }Put this function in functions.php in your child theme.
Also, my second condition - the stuff in the parentheses after the && - may not be accurate. I humbly would ask a better coder to catch that and fix it, for the edification of us both . . .
Hope this gets you started.
MB
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
There's a file that controls the markup of these modern hipster-theme home pages (hee - David, I love that!) called front-page.php. Before it can give us all those fun widget areas to play in, it disables the loop, which is the default way WordPress dumps a bunch of posts on a page.
You'll notice that happens on line 19 in the Executive Pro version of the file:
remove_action( 'genesis_loop', 'genesis_do_loop' );
Depending on what you want to do with your layout in the CSS, you can add the loop back in anywhere you want - inside a widget area or after it as you said you were planning.
Just paste in this line:
add_action( 'genesis_loop', 'genesis_do_loop' );
I think you might try putting it in the home-bottom widget. If the column that results is too narrow, you can widen it in the file style.css.
Hope that helps!
Mary Baum
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
I don't think your styles - other than typography - are targeting any of the table markup; every element is under the control of the user-agent stylesheet.
In my view, you have two options: use something like Chrome Dev Tools (voted just last night by the St. Louis WP Developers' Meetup as vastly superior to Firebug) to find the elements in the markup and write styles in your CSS that target them specifically - or modify the markup in the widget to match the styles you've already written.
Your choice will depend on your relative comfort in CSS versus php and your patience level.
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
I'm not much of a fan of just adding code to the custom-code box on the dashboard, because then it's hard to see what the code is really acting on and how it relates to the other rules in the CSS that are also acting on a given element.
What I recommend you do instead is keep a set of your site files - the whole WordPress installation - on your hard drive and make changes to those files ... then upload the new files to your site via FTP. My new favorite tool for all that is Aptana Studio, which is free for Mac, Windows and Linux.
Then you use Inspect Element (Cmd/Ctrl - Opt/Alt - i) to find all the rules that apply to that element and the exact line numbers of the CSS files they're acting on. Then, if you're disciplined (I'm not), you can copy the rule you want to change to the bottom of the section, remove the duplicate properties and add your changes.
The reason I'm even mentioning this is that I'm not sure from reading your post if you still have a problem with the photo widths at full size or just at phone size.
If both, I wonder what happens if you change your width: 600px; value to width: 100%; --
If only the phone value, then you'll want to make that change only in the part of the stylesheet that controls the phone-size display. In that case, you'll want to look for a media query that sets a breakpoint at the width of most modern phones. The code for that will look something like
@media and screen only (max-width: 400px) {/* --- A whole bunch of CSS rules --- */
}
Add the rule with the width: 100%; just to the CSS inside the braces for that media query, and see if that gives you the result you want.
In general, when you're designing responsive, you want to make all your widths percentages instead of pixels.
Hope that helps!
MB
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
You have 250px of padding that's making it too tall - margin and padding both add to the dimensions of a box in CSS. If you get rid of that, or lower the value to something closer to what you want, you'll be better off.
Also, if you really want that widget to stretch all the way across the width of the content there, you can make sure it comes out from under the areas above by adding display:block; to the rule for the blog-title widget area.
Let me knowhow it works out!
MB
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
My experience with breadcrumbs is that they work back through the categories - not so much the page navigation from menus - and because I forget to add tags, I don't have any experience with whether or not adding them affects the breadcrumbs or not.
What I do know is that if you go to http://frontenactennis.com and click on Our Pros in the menu, you'll hit the Pros page I painstakingly designed from the portfolio template that's in Balance and a couple other child themes. But if you click on Pros in the breadcrumbs, you get the category page. I imagine if I wanted to spend the time, I could edit the breadcrumbs functions in the appropriate php file or add a new function to change that behavior - but I haven't found it necessary.
OTOH, the clients are tennis pros, not iDevice cable geeks. 😉
I think if you do some more fiddling with your menus and categories, and leave tagsout of it until the breadcrumbs are to your liking, then you can add tags galore - unless that's what you've done.
Now - can I bring something else up?
If I were you, I'd get the passive verbs - "can be tailored to your requirements" and "are used in enterprise deployments worldwide" - out of your headlines.
As an early boss once told me, you can't bore people into buying your products. So instead, I'd say something like, "Now get the custom cables you need for exactly the use cases you need ..." and "Across the globe, companies from small businesses to the enterprise, deploy Redpark cables ..."
See how those headlines have more energy, more life? They also put the reader - your prospect - into the story, so he/she can start imagining what it's like to use your products - solving their problems and getting the results they need. It's not about the product and the company anymore - prospects don't care about that - it's about them, their favorite subject.
After all - which would you rather read about - a product on a website, or a story that's all about you?
Hope some of this helps -
Mary Baum
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Two things jump out at me right away:
1. In the right column of the home page, I'd switch the social icons with the gear-ad graphic so the graphic lines up at the top with the slider to its left.
2. I would keep the Sanchez type family going for all your headlines - your widget entry headers, marked up as h2, are Helvetica-Neue Bold. I do like the idea of a very bold headline on those entries; if Sanchez doesn't have an extra-bold or a heavy, you could get by with adding Chunk Five, a Google font, or even Museo in the 900 weight. Both of those are so much bolder that most people won't notice they're not exactly Sanchez. ideally, you do want Sanchez in a 700 or 900 weight - I'm just not remembering if it exists.
Other than those, I think you're on your way! I like the vintage coloration of the social icons. And your imagery is very strong.
One more thing: Might want to have someone proofread the headlines in your slider - which probably means across all your posts. Some Headlines Are in Title Case. Some are in sentence case. Some end with periods. Some don't - and you might also want to check your possessives and compound modifiers. Where you have "The low-down on Ashevilles brewery scene," I would write, "The lowdown on Asheville's brewery scene."
Hope that helps!
Mary
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Please don't do a popup. Please, please, please? If I'm coming to your site from a link to read an article, and a popup for your newsletter gets between me and the article I haven't even read yet, that's way too soon for me to know if I'm ready to subscribe. And even if you set the timing so it pops up on the third article I read, you're still getting between the reader and your content. When I'm the reader, I find that incredibly annoying - it really hurts the user experience.
(Admittedly, I have a little problem with reading - I love it - and every site should have a popup that says, "Quit reading and start working!")
I would really rather see you put your MailChimp form at the top right of every page - either in the header widget or the top of the right-hand sidebar. Maybe also add a simple version of it to the bottom of every post.
Just, please, not a popup, or a modal. Pretty please?
Mary
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Based on about five seconds looking at Mint's home page, I'd say you could start with Minimum or Expose. You'll need some CSS and php tweaks to make it your own, but that's where I'd start.
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
I'll second Anita's direction - you want to make your changes to the Sample child theme, not the framework.
So once you restore your framework files to the original and transfer the above code to your new child theme, the way you get rid of the recent posts is to disable the loop on the home page.
As in:
remove_action( 'genesis_loop', 'genesis_do_loop' );
Since you're only trying to disable the loop on the home page, add this line to the top of home.php - you'll have nuked recent posts from the entire page. If you decide you want to show recent posts in some area of the home page after all, just put the loop back in the div you want the posts in.
Note that the html5 markup refers to posts as entries, so we'll make up a CSS div class called 'entries' to hold the loop.
On the home page, you'd do something like:
if is_active_sidebar ('entries') {
echo '<div class="entries">';
dynamic_sidebar( 'entries' );
add_action( 'genesis_loop', 'genesis_do_loop' );
echo '</div>';
};You'll also need to register this sidebar in functions.php:
genesis_register_sidebar( array(
'id' => 'entries',
'name' => __( 'entries, 'yourchildtheme' ),
'description' => __( 'This is the entries area on the home page.', 'yourchildtheme' ),
) );Better coders than I might do this whole operation without making the entries class a dynamic sidebar - a widget area, in other words. But I'm a bit like that queen in the fairy tale who knows the answers to three questions; I know three functions and how to write an if statement. 😉
For one thing, this half-@$$ed method is going to add a widget area to your admin that may confuse you and will definitely confuse users who don't grok what we did here - and may well stick actual widgets in there and not like the results.
So I'd love to see more elegant ways of doing this.
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Emma,
If you use Chrome or Firefox, you can find the line number really easily.
Just highlight the element and either right-click or control-click (old-school Mac) and choose Inspect Element from the popup menu.
Now, you'll notice that a bunch of code has appeared in two panels: the live html and the CSS. Look for the property you want to change in the CSS, and you'll see the stylesheet and the line number that control that property right there in the block of CSS.
Hope that helps.
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Sylvia,
The other thing I noticed is that the picture of your client is distorted in the slider and in the featured image that goes with the post about her. That often happens when you have a square or vertical photo and the theme has to stretch it into a horizontal space.
For the slider, you probably want to take the highest-resolution copy of that photo you have and crop it to a horizontal format - maybe so we only see her face and upper body, and as much of her background as shows up in that vertical space.
That would work for the post thumbnail, too. Or you could designate a different shape for that photo - make the thumbnail vertical - then have it float left and have the text excerpt wrap the picture to the right.
Overall, nice job!
Mary
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
You can change anything you like in any of the themes, if you're willing to edit the CSS file.
In Chrome or Firefox, right-click or control-click the element you want to change and pull down the menu that pops up to Inspect Element.
That will open a series of panels that include all the CSS rules that apply to the element in question - and tell you what stylesheet file it's in and what line you need to change to make the element look different.
Then, open a copy of that stylesheet - most likely style.css - in a text editor on your machine. Notepad and Textedit (Mac) will work, but you might want to download something like Sublime Text that shows you line numbers and helps you learn the languages.
Go to the line number that has the color info and change the color. Do that in the copy of the file - then save, and using FTP, upload the new version of style.css to your server.
Hope that helps.
MB
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
I found the problem!
Apparently, when I gave my Cases In Point template the wrong name - it didn't match the php filename - that messed up the page layouts, too.
It's all fixed now!
Thanks for listening.
Mary
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Is there a reason using the standard Appearance - header workflow isn't working?
I do tend to ignore that most of the time myself, except to turn off the header text, but you could do that in the CSS too.
What I usually do is add my logo file to the Images folder in the theme directory, then add that as a background image to .header-image #title or .header-image #title-area, targeting the one I choose separately from the other two selectors in the block it's with. By that I mean I'll copy it and add the background image only to it - otherwise, I've gotten three copies of the image stacked up on top of eachother. When the screen sizes change, sometimes they get out of line - eww!
I think sometimes if I put it in title-area, it winds up not clickable - that's why I would use title.
You could also make the logo image the background of the entire header div. That can work too.
Mary Baum
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Thanks. I wish that had worked - but the user agent stylesheet is overriding that too.
It's as if there's something in the php somewhere that's forcing a block-level display on the sidebars, no matter what the css says - it's just ignoring all my sidebar CSS, period. Normally, !important; puts me back in charge, but not this time.
Here's a screen shot of my Inspect Element:
Notice that the browser isn't even pointing to the stylesheet at all when it comes to the sidebars - the user agent is controlling everything. In fact, when I look at Computed Styles and Show Inherited, there's no indication where the stylesheet override is coming from.
I agree my images are big. Now that I have the slider in the home content area, they can probably go down to 600px wide - I had been keeping the originals at 1024 so they wouldn't look awful as the featured images in a full-width slider.
Some linked images will need to stay big so people can read the copy in portfolio pieces, but I would think those would only load on click - until that happens, won't the anchor images just load?
Thanks again for your input ...
MB
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Link please?
Mary Baum
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀