Community Forums › Forums › Archived Forums › Design Tips and Tricks › Sticky Sidebar & other customizations
- This topic has 17 replies, 2 voices, and was last updated 10 years, 3 months ago by Brad Dalton.
-
AuthorPosts
-
December 27, 2013 at 11:14 am #81417GillesMember
Hi all
First of all, I'd like to say that I'm impressed with the quality and design of the StudioPress/Genesis themes. Definitely worth the investment! 🙂
I have some questions about the design of my Metro Pro theme though:
1) I was browsing on the Smart Passive Income blog which also uses the Genesis framework. I noticed that they use some kind of sticky sidebar ("more on SPI"). Is this a widget that comes with the theme or is this tailor-made?
2) I want the featured image to show up on post pages right beneath the title, just like the Metro Pro demo. How can I do this without coding?
3) I've added widgets to my footer but still my footer doesn't show up. Why?
The site is still in staging area and can be found here: http://tinyurl.com/oyt8kdl
username abdev & login test678
Thanks!
December 27, 2013 at 11:36 am #81420Brad DaltonParticipantDecember 28, 2013 at 5:08 am #81539GillesMemberThanks.
Any idea about the two other things?
December 28, 2013 at 5:25 am #81540Brad DaltonParticipantDecember 28, 2013 at 5:26 am #81541Brad DaltonParticipantDecember 28, 2013 at 5:57 am #81542GillesMemberOK, thanks for the help!
December 28, 2013 at 8:33 am #81559GillesMemberHi Brad
I added the code mentioned on your site and it works. However, the picture is kind of small and does not cover the width of the post (without sidebar). Under Post options, featured image is set on Large.
Do you know how I can change the size to the post width?
Cheers
GillesDecember 28, 2013 at 9:10 am #81565Brad DaltonParticipantWhat you can do is change the class in the PHP code or use CSS to control the size:
post-image
.post-image { width: height: }
Or you can change the class in the PHP and then add support for a custom image:
/** Add new image sizes */ add_image_size( 'featured-image', 600, 300, TRUE );
So this line of PHP looks like this:
$img = genesis_get_image( array( 'format' => 'html', 'size' => genesis_get_option( 'image_size' ), 'attr' => array( 'class' => 'featured-image' ) ) );
December 28, 2013 at 9:32 am #81568Brad DaltonParticipantHere's the full code.
Its best to crop your featured images to the exact size before uploading theme and using an aspect ratio which re-sizes at the best quality.
Example: 700 x 350 re-sizes perfectly to 350 x 175 for your content archives like blog and category archives.
https://gist.github.com/braddalton/697c5a3b8adbae2b6c04
December 28, 2013 at 12:32 pm #81614GillesMemberOK, it's showing up now.
The strange thing is that it get's stretched out while on the homepage the quality is great. Width & height are the same on post and homepage.
Any idea why it does that? CSS & functions.php are both set to 700x400
December 28, 2013 at 3:16 pm #81660Brad DaltonParticipantDecember 29, 2013 at 11:39 am #81854GillesMemberThe original size is 876 ?— 583 according tot the WP Library. It then gets resized correctly to 700x400 for the featured post widget on the homepage.
December 30, 2013 at 5:40 am #82011Brad DaltonParticipantIts best to crop your featured images to the exact size before uploading them and using an aspect ratio which re-sizes at the best quality.
Example: 700 x 350 re-sizes perfectly to 350 x 175 for your content archives like blog and category archives.
December 31, 2013 at 6:47 am #82274GillesMemberCropped it to the correct size, uploaded it and it still gets stretched out ...
January 2, 2014 at 8:49 am #82668GillesMemberProblem fixed, the Theme Settings had the featured image set on thumbnail (260x260). Changed to 700x400 and it's now OK.
January 2, 2014 at 10:33 am #82686Brad DaltonParticipantJanuary 3, 2014 at 2:42 am #82854GillesMemberThe strange thing is that now some images are smaller/bigger on the category pages, see: http://lintest.hostfantastic.co.uk/ab/techniek (user: abdev, pass: test678)
Does this have to do with the original size of the image?
January 3, 2014 at 5:33 am #82862Brad DaltonParticipantAll content archives should be the same size.
I think its best to use an aspect ratio which re-sizes properly for these.
I use 600 x 300 and always make sure they're this size before uploading.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.