Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 5, 2015 at 7:26 pm #468598
    Welmoed

    Hi!

    How to deal with the pictures that I can add to blog posts? If I select a picture that looks good on a single post, eg http://www.veelzijdigevrouw.nl/blog/een-10-is-voor-god-een-9-voor-de-docent-dus-jij-krijgt-een-8/ it doesn’t look good in the blog overview page: http://www.veelzijdigevrouw.nl/blog/

    I’ve struggled with this before and I don’t know how to deal with the completely different image sizes and how to make them look good both in the overview and on a single blog post.

    Any ideas are very welcome! :-)

    Thanks!

    • This topic was modified 9 years, 3 months ago by Welmoed.
    July 6, 2015 at 1:59 pm #468905
    Yigit

    Hey Welmoed!

    Please add following code to Quick CSS in Enfold theme options under General Stlying tab

    .page-id-18 .blog-meta, .page-id-18 .blog-meta * {
  width: 300px!important;
  height: 100%;
}

    Cheers!
    Yigit

    July 26, 2015 at 10:48 pm #478825
    Welmoed

    Thanks!
    And what size should the blog post pictures be for them to display nicely on a blog post?

    July 28, 2015 at 3:12 pm #479749
    Elliott

    Hey!

    Thumbnails are going to be created for each section so you shouldn’t have to worry about it. Generally a large image around 1280 x 768 or so will work great for all areas. If your trying to change the size of one area then take a screenshot and highlight your intentions and we’ll take a look.

    Best regards,
    Elliott

    September 10, 2015 at 9:48 pm #501321
    Welmoed

    Hey Elliott,

    thanks for the info!
    I made a pic in the size you recommended, but then some bits seem to fall off at the top when using it as a featured image for a blog post. How does that work and what can I do to change that?

    Thanks in advance!

    Welmoed

    September 10, 2015 at 9:54 pm #501322
    Basilis

    Hey!

    Where can we see the code live & in action?

    Cheers!
    Basilis

    September 10, 2015 at 10:05 pm #501324
    Welmoed

    Ah yes, fair question :-)

    Here for example: http://www.veelzijdigevrouw.nl/blog/mailchimp-koppelen-aan-wordpress/

    September 11, 2015 at 3:57 pm #501730
    Elliott

    Hi!

    Around line 128 in the functions.php file you should see this.

    $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );						// images for fullsize pages and fullsize slider

    Change it to this.

    $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423, 'crop' => false );						// images for fullsize pages and fullsize slider

    And then regenerate your thumbnails with this plugin, http://wordpress.org/extend/plugins/regenerate-thumbnails/.

    If it still looks weird then try this instead.

    $avia_config['imgSize']['entry_without_sidebar']= 'full';					// images for fullsize pages and fullsize slider

    Best regards,
    Elliott

    • This reply was modified 9 years, 2 months ago by Elliott.
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.