Forum Replies Created
-
AuthorPosts
-
StefsullMember
However you're adding the mailto: link (functions.php??) It's adding it inside every element - not just the header/logo where you want it.
Check this out: http://screencast.com/t/LxgvOHpL
You've also got some things that should be in the head of your page that are down a bit and wrapped in a mailto: link. Not sure how that happened, but it's what's affecting your menu. HTH 🙂
StefsullMemberYour menu itself has this id: #menu-dansk-hovedmenu ... I'd try using that to start:
<ul id=”skip”> <li><a href=”#menu-dansk-hovedmenu”>skip to sidebar</a></li> </ul>
StefsullMemberYou had the right idea... you need to get rid of the max-width: 300 since that's limiting the area that div can cover. So this rule:
.lutea-logo { background-color: #fff; /* max-width: 300px; Leave this out */ overflow: hidden; padding: 10px 32px; padding: 1rem 3.2rem; /* adjust these values as needed */ margin-bottom: 0; } .lutea-contact-details { /*margin-right: 32px; You don't need this with the padding on the parent */ float:right; padding-top: 10px; /* Adust this to visually balance with the logo on the left if you like */ } /* add this */ .lutea-logo img { float: left; }
There's some mangled code in your contact link... it's missing a final " after the class - it needs to look like this:
<div class="lutea-contact-details"><a href="mailto:[email protected]">[email protected]</div>
As to the shaded background, I'm guessing you mean the textured overall background? If so, that seems to be written by a plugin. Do you have something called "custom background" that you can turn off? The CSS is:
body.custom-background { background-image: url('http://maldavidson.com/lutea/wp-content/themes/lifestyle-pro/images/bg.png'); background-repeat: repeat; background-position: top left; background-attachment: scroll; }
It's being written into the bottom of your page (which is why I suspect a plugin). If you can turn that off, you'll still want to change your body background to: background-color: #FFF;
StefsullMemberDo you have a link to the page so we can see the code?
StefsullMemberIs the problem that you can't get the skip link INTO your theme? Or that once you get it in there, it doesn't actually skip down the page?
The anchor is instructing the link to go to a div with the ID of #sidebar. I don't see that on your page. So even when you create the link in your page, it doesn't know where to go and will probably resolve to the top of the page.
I don't know your theme, so I can't help you with what hooks put that in where you want it (do they have a reference chart?), but remember that in the media queries for larger screens, you'll want to use a CSS rule to hide the "skip to" link so it only shows to the smaller screens.
StefsullMemberAs is sometimes the case, you work on something forever, finally ask a question — then figure it out yourself. I'm leaving the answer here for another lost soul (and my guess as to WHY this is the answer).
Apparently, though the remove_action might work nicely when you're using the add_action to reposition them. But using it to remove them and replace them with a custom function doesn't —Â IF YOU'VE CHECKED THE BOX IN THE ADMIN DIRECTING IT WHERE TO PUT THE BREADCRUMBS. #facepalm Forgot that was there.
I unchecked the admin box and magically, my second set of breadcrumbs disappeared.
StefsullMemberThank you SO much, Tom. That totally sent me down the right path... in case anyone else wants to do something similar, I'll paste my final code here:
//* Use modified date instead of published date remove_action( 'genesis_entry_header', 'genesis_post_info', 12 ); add_action( 'genesis_entry_header', 'modified_post_info' ); function modified_post_info() { if ( is_page() || is_search() ) return; // don't do post-info on pages ?> <div class="entry-header entry-meta"> <span class="entry-categories">Topic: <?php echo the_category( $separator =', ' ) ; ?></span> | <span class="date published time">Modified on: <time class="entry-date" itemprop="startDate" datetime="<?php echo the_modified_date( 'c' ); ?>" pubdate><?php echo the_modified_date(); ?></time></span> | <span class="entry-meta-comments"><a href="<?php the_permalink() ?>#comments"><?php comments_number( 'Leave a Comment', '1 Comment', '% Comments' ); ?></a></span> </div> <?php }
Again, thanks!
StefsullMemberAnd I have NO idea how my post turned turquoise... so there ya go!
StefsullMemberThis reply has been marked as private.StefsullMemberSure. Let me know if you have any more questions (well, about CSS anyway ;)). Now I'll just cross my fingers that someone will answer my PHP and shortcode one. LOL
StefsullMemberRight. Since it's a background image, you'll have to use min-height: your-height-px ...
I imagine the reasoning is because the Genesis theme is responsive. And responsiveness is much easier to achieve with a background-image (plus, you can serve retina images through your media queries as well as serving a much smaller image to mobile devices).
There might be a way to change whether Genesis inserts it as a background or foreground image, via hooks or something. But it might affect your layout. I dunno.
StefsullMemberIf you're using a child theme and have access to the CSS, just change the content: “â€?“”; to content: "\201C"; and you'll have a open quotation mark.
StefsullMemberYou're welcome. Your site looks delicious! 🙂
StefsullMemberThe code you're looking for is in this class (it's a pseudo element with generated content - easiest to see with Chrome's Web Inspector):
.after-entry li::before, .news-pro-home .content li::before, .sidebar li::before
If you want to get rid of them in the entire sidebar and you have access, just remove the .sidebar li::before class from that list.
If you want to override them only for one widget, you can get the widget ID and do it like this:
#gdstarrmulti-4 li::before { content: ''; /* That is an open/close single quote. It will just override the marker already set in the above rule */ margin: 0; /* Use only if you want to get rid of the margin left by removing the list-item marker */ }
Hope that helps.
StefsullMemberI had to do this with my theme as well. You just need to add some padding to the top of the .sidebar like this:
.sidebar { color: #999; padding-top: 30px; padding-top: 3rem; }
To my eye, 30px seemed about right. (The main area is 40px, but you have to account for the line-height of the heading, etc.) Change the values as needed. 🙂
Cheers
StefsullMemberI'm not sure WHY your plugin isn't working. I can tell you what's missing from your ecommerce page though. It's the <div class="backstretch" with the image inside.
That said, you could easily do this much more gracefully and through CSS alone, and disregard the plug in altogether. All you need to do is add a class to your CSS for each page using a unique class from that page. For instance, on this page: http://www.arganfarm.com/argan-oil-history/organic-argan-oil-cooperatives/
You would add this class (based on the fact that the page ID class is .page-id-560 ... you could also add a custom class name, I'm sure):
.page-id-560 { background-image: url(http://www.arganfarm.com/arganicx/uploads/cooperative-bg.jpg); background-size: cover; /* This tells the browser to cover the whole viewport area of the browser with the image */ background-repeat: no-repeat; background-position-y: -27px; /* I used this position based on what you had used with the image from the plugin */ background-attachment: fixed; /* This keeps the image from scrolling */ }
To compare, on your ecommerce page, you could do this:
.postid-6999 { /* This is the id of the ecommerce page - you could also use .premise-landing-6999 */ background-image: url(http://www.arganfarm.com/arganicx/uploads/cooperative-bg.jpg); /* change for your unique image */ background-size: cover; background-repeat: no-repeat; background-position-y: -27px; /* You may not need this on your new image */ background-attachment: fixed; }
So you get the idea. All you have to do is find the post ID for each page and change the image in the CSS. You can easily add a custom image to every page. (BTW, I LOVE Argan oil. :))
StefsullMemberI'm assuming you ONLY want the side menu, not the entire sidebar, to show up above the content for mobile?
With the current code, that's not possible since the sidebar menu is inside the <aside, and that comes after the main content area in the DOM. When the <aside is no longer floated, the entire thing will drop below the content (as you've seen).
I don't know your theme, but it appears that if you use the theme's hooks to move the secondary menu to come RIGHT after the opening of the <div class="content-sidebar-wrap" (and right before the <main class="content"), you can write CSS for it to make it the same width as your sidebar (320px) and float: left.
(There will be a few other CSS tweaks you'll need to do, but that seems to give the functionality you want.)
HTHStefsullMemberHow are you inserting the image for the header? Is it an actual image sitting inside the <header class="site-header" ... or is it a background-image?
If it's a background-image, it isn't possible to have the header that contains it react to its size. If it's an image in your HTML/DOM, do you have a link where we can view the issue?
February 11, 2014 at 4:10 pm in reply to: Would like to ONLY show titles for search results page #89875StefsullMemberSince I never got an answer here, I'll add the answer for someone else that might want to do the same thing. The REAL issue is that the answer I was basing my attempts on was using the XHTML hooks and I needed the HTML5 hooks. So upgrading the example in the linked support post—for HTML5, I used:
add_filter('pre_get_posts','SearchFilter');
// Formatting search output
/** Remove the post info function */
remove_action( 'genesis_entry_header', 'genesis_post_info' );
/** Remove the post meta function */
remove_action( 'genesis_entry_footer', 'genesis_post_meta' );
/** Removes everything form post content **/
remove_all_actions( 'genesis_entry_content' );
/** Add your custom content **/
add_action( 'genesis_entry_content', 'custom_post_content' );
function custom_post_content() {
the_content_limit( '90',(' ') );
}
genesis();My designer decided he was okay with a short line of the article following the title. Cheers.
StefsullMemberIt's super hard to tell you because I don't know your theme and can't see your code, BUT, what I suspect is this.
Since your theme has a custom header added in your function.php file—and it has the same dimensions as the one you want to replace it with, instead of adding the changed header via your CSS, just change the values in this function:
/** Add support for custom header */
add_theme_support( ‘custom-header’, array(
‘default-image’ => get_stylesheet_directory_uri() . ‘/images/header.jpg’,
‘flex-height’ => true,
‘flex-width’ => true,
‘header-text’ => false,
‘height’ => 550,
‘width’ => 1600,
) );I'd test by putting a version of your own image in the directory their 'header.jpg' is in - and change its name to header.jpg. If the height and width are the same, you should see theirs disappear and yours appear.
If you later want your custom name, you can then change their function to have the name of your file instead of header.jpg. This should work.
-
AuthorPosts