Forum Replies Created
-
Posts
-
The best way would be to divide the footer into columns. The column classes are built into the stylesheet already, so you wouldn't need to change any CSS or worry about it being responsive etc.
So the html would go like this;
<div class="one-third first"> // Put content for first column here </div> <div class="one-third"> // Put content for second column here </div> <div class="one-third"> // Put content for third column here </div>
I love helping creative entrepreneurs build epic things with WP & Genesis.
Do you have a link to your site, so we can find the problem?
I love helping creative entrepreneurs build epic things with WP & Genesis.
So then it would be
<?php /** * This file controls the posts page */ //* Remove default featured image from posts page and replace with thumbnail. remove_action( 'genesis_entry_content', 'genesis_do_post_image', 8 ); add_action( 'genesis_entry_content', 'child_theme_add_thumbnail_image', 8 ); function child_theme_add_thumbnail_image() { $image_args = array( 'size' => 'latestpost', 'attr' => array( 'class' => 'alignnone post-image', ), ); genesis_image( $image_args ); } genesis();The class of 'post-image' is also added incase you need to style the image in anyway to align it better or whatever.
I love helping creative entrepreneurs build epic things with WP & Genesis.
Not without writing code.
One way would be to have the Genesis settings to how you want it to appear on the archive pages, not the home page, then for the home page, create a seperate page template which switches out the default images and replaces them with the small thumbnail ones that you need.
To do this you would create a file in your child theme folder named home.php (if it doesn't exist) and add this;
<?php /** * This file controls the posts page */ //* Remove default featured image from posts page and replace with thumbnail. remove_action( 'genesis_entry_content', 'genesis_do_post_image', 8 ); add_action( 'genesis_entry_content', 'child_theme_add_thumbnail_image', 8 ); function child_theme_add_thumbnail_image() { $image_args = array( 'size' => 'thumbnail', 'attr' => array( 'class' => 'alignleft post-image', ), ); genesis_image( $image_args ); } genesis();
I love helping creative entrepreneurs build epic things with WP & Genesis.
oops didn't see you'd replied, my bad!
I love helping creative entrepreneurs build epic things with WP & Genesis.
I'm not a CSS guru, more of a jedi 🙂
.site-header { z-index: 1; }
I love helping creative entrepreneurs build epic things with WP & Genesis.
The thing is, you have four text widgets in that section, including the title 'Our Services'. If it is the other three widgets only that you want to have vertical then this is a better way of doing it;
@media only screen and (min-width: 1024px) { .home-section-4 .widget + .widget { float: left; padding: 2%; width: 33%; } } .home-even.home-section-4.widget-area .widget-title { font-size: 30px; }This makes the alignment look like this http://s16.postimg.org/736appx9h/services.png
(padding there to stop the text from each widget touching each other)
I love helping creative entrepreneurs build epic things with WP & Genesis.
yeh that's right, but you probably want to add a few more things to stop it stretching out and ensuring it looks good on mobiles..
.custom-background { background-attachment: fixed; background-image: url("//demo.studiopress.com/minimum/files/2014/04/bg.jpg"); background-position: center; background-size: cover; }
I love helping creative entrepreneurs build epic things with WP & Genesis.
If you're talking about the text in your blog posts. an easy way would be to increase the amount of padding either side, forcing the text to the smaller in width. If you lookmin your stylesheet you'll find this around line 1079.
.entry { margin-bottom: 40px; padding: 50px 60px; }The padding is set to 50px top and bottom, and 60px left and right. If you change the 60px to something higher, like 100px, it will create much more space and less words per line.
Hope this was what you meant.
I love helping creative entrepreneurs build epic things with WP & Genesis.
Yes, this is what CSS is for. You are needing the :hover pseudo class, which controls styling on hover. So, assuming you need two different styles (due to the different background images for each front page section, odd and even). you would need something like this;
.home-even a.button:hover { background-color: #fff; border-color: #333; color: #333; } .home-odd a.button:hover { background-color: #333; border-color: #fff; color: #fff; }
I love helping creative entrepreneurs build epic things with WP & Genesis.
You can add borders to just the top and bottom of any element using something like the following css
.nav-primary { border-bottom: 2px solid green; border-top: 2px solid green; }
I love helping creative entrepreneurs build epic things with WP & Genesis.
I already gave you the exact code you needed to add to your functions.php file when you first asked, including the paragraph break and the 'strong' element..
//* Modify the Genesis content limit read more link add_filter( 'get_the_content_more_link', 'sp_read_more_link' ); function sp_read_more_link() { return '<p><a class="more-link" href="' . get_permalink() . '"><strong>Read More</strong></a></p>'; }
I love helping creative entrepreneurs build epic things with WP & Genesis.
If you look at this tutorial and scroll down to the title 'Method A Code'. This code is another way to put avatars in the entry-header, this time making the image a link back to the author's profile page.
I love helping creative entrepreneurs build epic things with WP & Genesis.
What you need to do is add more padding to the header to give it some space. and then add padding to the menu also to make sure everything is inline.
To do this you need to add this CSS to your site.
.site-header, .site-header .widget-area { padding: 10px 0; }
I love helping creative entrepreneurs build epic things with WP & Genesis.
This is a custom theme, not a commercial theme. I think was likely designed by Rafal Tomal as the same design is on copyblogger also.
I love helping creative entrepreneurs build epic things with WP & Genesis.
Add to your functions.php file
//* Modify the Genesis content limit read more link add_filter( 'get_the_content_more_link', 'sp_read_more_link' ); function sp_read_more_link() { return '<p><a class="more-link" href="' . get_permalink() . '"><strong>Read More</strong></a></p>'; }PS Your motorbike trip around northern Vietnam looks really cool. I just spend a couple of months there, in Hanoi mainly. Such crazy roads there!
I love helping creative entrepreneurs build epic things with WP & Genesis.
It's because in your CSS you have;
.entry-meta { display: none; }in the media queries causing it to disappear on small screens. I recommend you learn how to use firebug as this will help you quickly solve problems like this. Once installed, you can click on any element on your page and check what CSS is targeting it. This was all I did and saw immediately the code above was the problem.
I love helping creative entrepreneurs build epic things with WP & Genesis.
You do it the same way as in any WordPress theme, go to Dashboard > Settings > Reading > Front page displays --- Your Latest Posts.
Just make sure none of the home page widget areas have anything in them.
I love helping creative entrepreneurs build epic things with WP & Genesis.
If you know you're way around CSS it's easy. As you can just style the sub-menu to appear as inline-block and position it where you need it. If you don't know CSS, then no.
I love helping creative entrepreneurs build epic things with WP & Genesis.
You need to make sure you include the conditional statement, in the code you were given in the original thread about this
It's the part with;
if ( ! is_page() ) { }. That ensures it doesn't appear on pages.
I love helping creative entrepreneurs build epic things with WP & Genesis.
