Forum Replies Created
-
AuthorPosts
-
sigul
MemberHi, thanks for helping. I found the code that works. It was so simple!
`.landing-page .content {width:100%}
sigul
MemberThank you very much Victor!
May 6, 2017 at 4:52 am in reply to: How to show featured image full width after header on a specific post/s? #206013sigul
MemberBy mixing the code I did even better, but still wondering now how to center the title (at least, on mobile as for now I am working on my iPhone)
May 6, 2017 at 4:36 am in reply to: How to show featured image full width after header on a specific post/s? #206012sigul
MemberI found a better solution and posted it here as a comment to the original article
Still wondering how to remove the table-cell margin from the entry-title background
See here how it works
http://themedemo.silviogulizia.com/a-post-with-a-cover-image/
May 5, 2017 at 3:42 am in reply to: How to show featured image full width after header on a specific post/s? #205945sigul
MemberI ended up with this function by following this great tutorial from Sridhar Katakam but couldn't manage to resize images correctly. Anyone has an idea?
// Register a custom image size for cover images on single Posts add_image_size( 'post-cover', 1600, 400, true ); add_action( 'genesis_after_header', 'cover_image' ); function cover_image() { // if we are not on a single Post, abort. if ( !is_singular( 'post' ) ) { return; } // set $image to URL of featured image. If featured image is not present, set it to post-image.jpg in child theme's images directory. if ( has_post_thumbnail() && has_category(stories) ) { $image = genesis_get_image( 'format=url&size=post-cover' ); ?> <div class="post-cover" style="background-image: url('<?php echo $image; ?>')"> <div class="wrap"> <?php genesis_do_post_title(); ?> </div> </div> <?php // Remove entry title remove_action( 'genesis_entry_header', 'genesis_do_post_title' ); } }
And css
/* Post cover image */ .post-cover { padding: 200px 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .post-cover .entry-title { margin-bottom: 0; color: #fff; background-color: rgba(0,0,0,.75); padding: 15px; text-transform: uppercase; max-width: 50%; } @media only screen and (max-width: 1023px) { .post-cover .entry-title { max-width: none; } }
May 4, 2017 at 5:50 am in reply to: How to show featured image full width after header on a specific post/s? #205876sigul
MemberI am developing it here themedemo.silviogulizia.com and I've used Blox plugin do to it here http://themedemo.silviogulizia.com/a-post-with-a-cover-image/ but it is very complicated and not satisfying , not automated.
April 26, 2017 at 2:53 am in reply to: How to use footer-reveal.js to create a footer as in briangardner.com #205324sigul
MemberThanks for posting, but we are trying to replicate it with just CSS now, and the point is how to don't make the footer appear over the site-container while the page is loaded. All the rest works fine both on desktop and mobile.
April 25, 2017 at 3:05 pm in reply to: How to use footer-reveal.js to create a footer as in briangardner.com #205295sigul
Memberyes I know this, I am developing on the iPad that doesn't support this, anyway I got back the mac for this task and it seems it's a bit complex.
I copied and pasted Brian's code you quoted, but then I had the very bad effect of having the footer loaded too early and being put over content before being hidden "under" the site-inner. Maybe I am not skilled enough to get it done.
.site-container { background-color: #fff; margin-bottom: 300px; z-index: 99; } .site-footer { background-color: #000; bottom: 0; display: table; left: 0; height: 300px; line-height: 1; overflow: hidden; position: fixed; right: 0; text-align: center; width: 100%; z-index: -99; }
PS (I will change to topic title)
April 25, 2017 at 8:48 am in reply to: How to use footer-reveal.js to create a footer as in briangardner.com #205271sigul
MemberHi Victor,
Thanks for helping. I added this to my dev website.site-container { z-index: 99 !important; } .site-footer { z-index: -99 !important; }
But unfortunately nothing changed.
November 13, 2016 at 4:01 pm in reply to: add link and icon to linkpost title in both single post and blog page #196113sigul
Memberactually the function should check if the post of which it's getting the title has a $passthrough_url and if yes add a space and arrow (➝) to the $title.
if ($passthrough_url of the post of what you are getting the title ) {
$title = ''.$title.' ➝';
}but I am not sure of what code should be used to check that. do you know which?
November 13, 2016 at 8:06 am in reply to: add link and icon to linkpost title in both single post and blog page #196100sigul
Memberhey Brad, thanks for helping, again. which filter are you thinking to use? this one: genesis_post_title_text or genesis_post_title_output?
something like that?
add_filter( 'genesis_post_title_text', 'custom_post_title' );
function custom_post_title() {
$icon = 'Path to your icon goes here';
return $icon . $title;
}November 6, 2016 at 4:04 am in reply to: add link and icon to linkpost title in both single post and blog page #195780sigul
MemberSure.
This way, when you scroll down the blog's posts page, you know what is a post and what is a comment to others posts.
Thanks for helping
November 5, 2016 at 3:57 am in reply to: add link and icon to linkpost title in both single post and blog page #195760sigul
Memberyes, actually I'd wanted to link title and icon, but your suggestion is very welcome. any idea about how to do that on the posts page? I suppose I need a template for this page, but I am not sure if it'll be working as wordpress posts page.
-
AuthorPosts