Autofocus Image size

• 

  pp1mt · Member · Oct 29, 2013 at 1:31 pm

  • Copy link
  • Add topic to favorites

  Hi all!

  In regards to AutoFocus’s featured image size, can I somehow toggle it for all of my posts? I know the AutoFocus is geared towards photography/art content, currently, I’m still using the Oxygen theme but I’ve been thinking of switching to AutoFocus for a more minimalistic look.

  Also, I would love to hear from anyone how I could improve on my site’s readability – be it switching themes or editing css!

  Thank you! :)

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Oct 30, 2013 at 3:39 pm

  • Copy link

  Hi, If you switch to Autofocus, and your posts do not have featured images set, then you will have to edit the posts and set featured images for them to appear on the main page, category and archive style pages, and at the top of single post pages. There is not way to automatically assign featured images to a group of posts.

• 

  pp1mt · Member · Oct 30, 2013 at 11:13 pm

  • Copy link

  Hello!

  I’m not trying to assign featured images to a group of posts, I’m trying to get single, non stickied posts, to have the same featured image size. For stickied posts, the feature image is shown with a width of 800px (I think), while non stickied gets you a random number.
  Non-stickied look:http://theme.files.wordpress.com/2011/12/autofocus-showcase-fullscreen-demo1.jpg?w=640
  Stickied look:
  

• 

  inuttall · Member · Nov 2, 2013 at 7:22 pm

  • Copy link

  Hey,

  This could probably be done by overriding the featured image widths in Autofocus’ base CSS file. If all these were changed to 800px, it’s possible you could achieve the look you want.

  Here’s an example of some of the sizes that could be changed to 800px:

  .archive .featured,
  .search .featured {
  	margin: 0 5px 5px 0;
  	width: 595px;
  	height: 211px;
  .featured-position-0,
  .featured-position-10 {
  	margin: 0 5px 5px 0;
  	width: 595px;
  }
  .featured-position-1,
  .featured-position-11 {
  	width: 200px;
  }
  .featured-position-2,
  .featured-position-12 {
  	margin: 0 5px 5px 0;
  	width: 445px;
  }
  .featured-position-3,
  .featured-position-13 {
  	width: 350px;
  }
  .featured-position-4,
  .featured-position-14,
  .featured-position-5,
  .featured-position-15 {
  	margin: 0 5px 5px 0;
  	width: 295px;
  }
  .featured-position-6,
  .featured-position-16 {
  	width: 200px;
  }
  .featured-position-7,
  .featured-position-17 {
  	margin: 0 5px 5px 0;
  	width: 195px;
  }
  .featured-position-8,
  .featured-position-18 {
  	margin: 0 5px 5px 0;
  	width: 345px;
  }
  .featured-position-9,
  .featured-position-19 {
  	width: 250px;
  }

  In short, I think it could probably be done, yes.