Forum Replies Created
-
Posts
-
Also, it looks as if your site works ag http://blog.theknittingdude.com but not http://www.blog.theknittingdude.com. If the Freelance install you're working on is just going to be a subdomain, that explains it - the www may just have been fingers on autopilot. If it were me, that would be my excuse! 😉
Mary
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
First, forgive me if I add instructions that are obvious to you or sound way below your coding level. Dollars to donuts your php is better than mine, so I'm writing this as if I were writing to me, or to another designer-turning-developer like me.
The header file you to edit doesn't exist in the Freelance chile them, and it isn't even the one in the top level ov the theme - it's the one in lib/structure. So you actually want to copy the lib/structure folders to your Freelance directory and put your copy of that header.php in there.
Now if you're a better phper than I am, you already know you want to edit the function genesis_do-header - around line 881 in my copy of Taco html editor.
function genesis_do_header() {
echo '<div id="title-area">';
do_action( 'genesis_site_title' );
do_action( 'genesis_site_description' );
echo '</div><!-- end #title-area -->';if ( is_active_sidebar( 'header-right' ) || has_action( 'genesis_header_right' ) ) {
echo '<div class="widget-area">';
do_action( 'genesis_header_right' );
add_filter( 'wp_nav_menu_args', 'genesis_header_menu_args' );
dynamic_sidebar( 'header-right' );
remove_filter( 'wp_nav_menu_args', 'genesis_header_menu_args' );
echo '</div><!-- end .widget-area -->';
}}
what I would do is this:
function genesis_do_header() {
echo '<div id="title-area">';
do_action( 'genesis_site_title' );
do_action( 'genesis_site_description' );
echo '</div><!-- end #title-area -->';if ( is_active_sidebar( 'wholesale'){
echo '<div class="wholesale">';
echo '</div><!-- end .wholesale -->';}
if ( is_active_sidebar( 'header-right' )|| has_action( 'genesis_header_right' ) ) {
echo '<div class="widget-area">';do_action( 'genesis_header_right' );
add_filter( 'wp_nav_menu_args', 'genesis_header_menu_args' );
dynamic_sidebar( 'header-right' );
remove_filter( 'wp_nav_menu_args', 'genesis_header_menu_args' );
echo '</div><!-- end .widget-area -->';
}}
Then edit the Freelance child theme's functions.php file to register the new widget area.
genesis_register_sidebar (array(
'name'=>'wholesale',
'id' => 'wholesales',
'description' => 'This is the wholesale div of the header.'));
and add the class .wholesale to your stylesheet.
I haven't actually tried this to make sure it works, but I did open the files in my code eitor - as always, more experienced php coders feel free to add corrections or improvements.
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Nothing in the functions that I can think of to change the size of the slider. Genesis Responsive Slider has its own stylesheet, and you can target its various attributes with Firebug or - my preference - the native developer tools in either Firefox of Chrome. Hit Cmd--Opt-I on the Mac or Ctrl-Alt-I on the PC. You might also choose to move those styles to the main sheet.
Why do you want to move the Primary Sidebar under the hope top widget, when there are two home-middle widgets under it already? You can style those as you like, and even add a third area - that would be simpler, I think. Moving the Primary Sidebar under the Home Top Widget would have ramifications throughout the rest of your site.
To add a third column under there, add it in home.php and then register it in functions.php, and add the new div accordingly to the stylesheet.
MB
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Can you post a link to your site?
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
I rarely declare the visited state. Or the :link state. I just declare the a tag and the hover state and leave it at that - and given the fact that hover is meaningless on touch devices, I'm tempted to stop with the :hover as well. There are some very accomplished people who are already giving it up.
That said, here's what you've got going in your headline styles:
.balance-turquoise a:hover, .balance-turquoise h2 a, .balance-turquoise h2 a:visited, .balance-turquoise #header .menu a, .balance-turquoise .menu-primary a, .balance-turquoise .menu-secondary a { color: #222; } .balance-turquoise h2 a:hover { color: #69b5b4; }If you want your :visited state to be the turquoise, you need to move this selector
.balance-turquoise h2 a:visited
down to the next block (really called a rule), where you make it turquoise. Right now you have it in a block with all the things that are supposed to be dark grey. Also, you have the :hover state listed (the technical term is targeted) in the grey block as well; I'd get it out of there. It's turning turquoise because you target it again immediately below, which overrides the previous rule. But you really don't want the same selector (the thing you're targeting) in there twice.
Cheers!
MB
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Looks to me as if you solved your issue - the text looks white to me.
Mary Baum
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
I have practically made a habit of taking the portfolio page from Balance and adding it to any theme I want - and renaming it as well. Example: http://frontenactennis.com/pros/
Here's how: Copy page_portfolio.php from Balance to your theme. As well, copy this function to your theme's functions.php file:
genesis_register_sidebar( array(
'id' => 'portfolio',
'name' => __( 'portfolio', 'balance' ),
'description' => __( 'This is the portfolio page.', 'balance' ),
) );Also copy the relevant CSS to your stylesheet.
In that function, in page_portfolio.php and in the stylesheet, change every reference to 'portfolio' to whatever you want to call it - if in fact you want to rename it. On the tennis site, I renamed everything to 'pros'. Also, I renamed page_portfolio.php to page_pros.php.
So my function, above, wound up being
genesis_register_sidebar( array(
'id' => 'pros',
'name' => __( 'pros', 'minimumFRC' ),
'description' => __( 'This is the pros page.', 'minimumFRC' ),
) );I was using the Minimum theme.
Here's the CSS to copy over:
/* portfolio
------------------------------------------------------------ */.page-template-page_portfolio-php .featuredpage img,
.page-template-page_pros-portfolio .featuredpost img {
margin: 0 0 10px;
box-shadow: 3px 3px 3px rgba(153,153,153,0.6);
}.page-template-page_portfolio-php .featuredpage a img,
.page-template-page_portfolio-portfolio .featuredpost a img {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.page-template-page_portfolio-php .featuredpage a:hover img,
.page-template-page_portfolio-php .featuredpost a:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}.page-template-page_portfolio-php .featuredpage .page,
.page-template-page_pros-portfolio .featuredpost .post {
float: left;
height: 215px;
margin: 0 10px;
padding: 0 0 10px;
overflow: hidden;
width: 130px;
}.page-template-page_portfolio-php .featuredpage .page h2 a,
.page-template-page_portfolio-php .featuredpost .post h2 a {
color: #06c;
font-size: 14px !important;
font-weight: 900;
letter-spacing: 3px;
line-height: 1.25;
margin: 5px 0;
text-transform: uppercase;
}Here's the CSS I wound up with:
/* pros
------------------------------------------------------------ */.page-template-page_pros-php .featuredpage img,
.page-template-page_pros-php .featuredpost img {
margin: 0 0 10px;
box-shadow: 3px 3px 3px rgba(153,153,153,0.6);
}.page-template-page_pros-php .featuredpage a img,
.page-template-page_pros-php .featuredpost a img {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.page-template-page_pros-php .featuredpage a:hover img,
.page-template-page_pros-php .featuredpost a:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}.page-template-page_pros-php .featuredpage .page,
.page-template-page_pros-php .featuredpost .post {
float: left;
height: 215px;
margin: 0 10px;
padding: 0 0 10px;
overflow: hidden;
width: 130px;
}.page-template-page_pros-php .featuredpage .page h2 a,
.page-template-page_pros-php .featuredpost .post h2 a {
color: #06c;
font-size: 14px !important;
font-weight: 900;
letter-spacing: 3px;
line-height: 1.25;
margin: 5px 0;
text-transform: uppercase;
}Hope that helps!
I use it a lot.
MB
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
I can't imagine why his being on a Mac would have much relevance. I'm on a Mac, but I have no idea what platform most other people are running. It would seem to me that if someone is skilled enough to develop an entire theme, that person would know how to alter his hosts file to take a look at your site.
That said, are you perchance referring to the Modern Portfolio theme? (You may well not be.) I had a similar thing happen to my whole header when I added a logo to the title area at http://stltennishall.org and positioned it at 50% 50% no-repeat. For the record, I did that so that we wouldn't see two logos at some other viewport sizes. I believe that was happening even when I made the logo the background image for just one element.
I don't mind the effect, so I haven't spent a lot of time trying to change it.
But if you're working with Modern Portfolio, and the problem you're having is in any way analogous - I realize it's not the very same issue - maybe it would be simpler to use my site as a proxy for yours.
In other words, if we knew why positioning the logo in my header at 50% in both directions doubles the height of the header, then that answer might also be the reason why adding a logo to your nav bar doubles the height of that.
Hope this makes sense . . .
An unreasonable Mac user. 😉
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Look for h1.archive-title in your stylesheet, or add it if it isn't already there. I could give you the line number normally, but I can't see your real stylesheet from your site.
Also, you don't need quotes around the word responsive, as in responsive design. It's a perfectly well-accepted term.
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
You're not looking for a nav bar widget - you're looking for the header-right widget area. After you set up the custom menus (Appearance-Menus), go to the Appearance-Widgets page of the Admin area and add a custom menu to the header-right widget area.
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
In General Settings, do you have the home page set to show latest posts? If you have your home page set to show a static page, the theme is probably looking for any page that's just posts to set up your home layout on.
As for the From The Blog section, have you read the setup instructions for the Associate theme? They're here. (That section is one of the home-bottom widgets.)
MB
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
The Chrome development tools element inspector shows this about your image:
<img width="2592" height="1936" src="http://www.madamekenny.com/wp-content/uploads/2013/04/book-order.png" class="post-image" alt="book order">
If you go into the post and edit the featured image, and remove any references to height and width, does this still happen? I remember that a client had this very problem with featured images on her install of AgentPress some time ago, and it seemed to me the fix was doing something with the references to height and width in the img code - like getting rid of them completely.
BTW - are you running WP 3.5.1 and Genesis 1.9.1?
Other than that, I would try uploading fresh images and regenerating the thumbnails.
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
It looks as if your home-middle-widgets aren't taking on a width of 100% as the screen gets narrower.
Looking at your stylesheet, I see that you moved your media queries to the top of the sheet - good idea! But then I would reverse the order, if you're serious about doing this mobile-first. In other words, put the smallest window - the max-width 480px section, first - then the tablet section, and so on, getting progressively wider until you hit full-width desktop size.
That would let your home-middle-xx widget areas, which DO have the 100% width in the 480px section, cascade those values down to the wider viewport widths until you get to desktop size, when you change completely to having them sit next to each other with their floats and widths of half or less of the total.
Does that make any sense at all? I'm a little (okay, a lot) punchy and trying to be succinct - that may not be a good combination.
Mary Baum
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Orange: #f29122
Brown: #4f4932
Green: #a3b460
There's a section in your stylesheet called Focus Brown that starts at line #1642. You'll find all the colors defined there. For instance, the orange first appears on line 1647. The brown first shows up on line 1664.
The green is in the default color style, so it shows up near the top of the sheet, at line 156.
If for some reason you lose these notes, you can also open Firefox or Chrome and highlight any given element - then right-click (or control-click if you're on a Mac and have your right-click disabled, as I do) to show the option to Inspect Element. Do that, and some extra panels will open - one of which wil show you the exact CSS rules that apply to that element. In Chrome, you'll get not only the numerical value of the color but also a little swatch, so you can see that you're looking at the color you want.
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Right now your stylesheet - style.css - shows this code on line 1620:
.metro-blue #title a {
background-color: #5bb1f9;}
That's overriding your header image.
Try replacing
background-color: #5bb1f9;with
background: none;and see what happens. I suspect your logo will show up just fine after that.
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Link or no, I've had this very problem with custom post types several times: with portfolio pages on the Minimum theme and with Nick's video plugin.
I set up a post, then hit View Post - and get a big ol' hairy 404 error.
Clearly there's something I don't get, to the point that its actually easier for me to set up portfolio pages the supposedly more complicated way, taking the functions and sidebar support from Balance et al.
So I'd love to know, too, what the secret is. I don't think I can go through life unable to make custom post types work.
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
My experience is that you have to add the More tag manually after the first couple grafs, or wherever you want it, in the main editor. The tag itself is in the toolbar on both the visual and the txt editors.
I pretty much ignore the Excerpt field.
MB
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
This would get an asterisk on the line after every post - I think.
Add filter ('genesis_after_post', 'genesis_add_sigchar');
function genesis_add_sigchar () {
echo "*";
}People want me to start dinner, or I'd mess with it some more - what you probably want is something that removes the last , adds the asterisk and then puts back the .
So instead of just the echo statement, delete and then echo.
I called this a filter, but maybe it's an action - I'm not too clear on the difference.
Hope this helps, or gives someone with better php something to correct.
MB
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Link?
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀
Well, James, you just sold a book! I've been shooting forever, and I still get soft shots in situations where I don't think I should.
Now then ...
Have you played around with the pagination options for the content archives in the Genesis Theme Settings, to see if any of the other options gives you a different result? Also, just checking - do you have more than ten posts (or however many you specified) to show on the blog that populates the home page? Think of that as my is-the-computer-plugged-in question, so we can eliminate that as an issue.
Another thing I would experiment with is, what happens with pagination on an interior page that's not the home page? If you build a page of posts from a particular category, can you make that link to pages of older and newer posts?
I'm sure other folks will have better answers - I'm grasping at straws without being able to get into your back end. At a certain point, I'd probably just hard-code a permalink to the next page. But that would be a pain to keep doing.
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀