Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 24, 2019 at 1:15 pm #1141374
    FlatText

    Hello,

    I would like to make the blog-post next/previous featured image bigger. Right now its a circle 80×80, I would like to remove the circle cut and change the size so it displays a bigger picture.

    Thanks

    September 24, 2019 at 3:33 pm #1141412
    Guenni007

    As you say it – these are featured images.
    on default on WordPress these are 80px in dimension – so if you make them bigger – the next image in the srcset is taken – and that could be a large one (this will not be an enfold image size – it will be the one you have setup on settings – media .
    mostly it is 300px wide.

    Edit: i do not know yet how to influence what image is taken from srcset.

    to remove the circular shape of the images you just have to enter the following into the Quick Css.

    .avia-post-nav .entry-image img {
    border-radius: 10px;  /* or something different here */
    border: 2px solid #fff;  /* if you like */
}
    September 24, 2019 at 3:48 pm #1141417
    Guenni007

    so try this and see if image quality is what you might want to have:

    #top .avia-post-nav {
  height: 150px;
}

.avia-post-nav:hover .entry-info-wrap {
  width: 280px;
}

.avia-post-nav .entry-info {
  height: 120px;
  width: 260px;
}

.avia-post-nav .entry-image {
  height: 120px;
  width: 120px;
}

.avia-post-nav .entry-image img {
    border-radius: 10px;
    border: 2px solid #fff;
    width: 120px;
    height: 120px;
}
    September 24, 2019 at 4:36 pm #1141436
    Guenni007

    on functions-enfold.php on line 734 (Enfold 4.6.2) there is:

    $image 	= isset($entry->av_custom_image) ? $entry->av_custom_image : get_the_post_thumbnail( $entry->ID, 'thumbnail' );
// change to
$image 	= isset($entry->av_custom_image) ? $entry->av_custom_image : get_the_post_thumbnail( $entry->ID, 'square' );

    then the 180px square image from enfold is taken. Don’t know if there is a filter to influence it via child-theme functions.php (yet).

    September 25, 2019 at 6:42 pm #1141924
    FlatText

    Thank you, Guenni007. I’ve tried your first two solutions but as you alluded to the quality isn’t great.

    Will try your functions-enfold.php changes and report back. Thanks again.

    September 25, 2019 at 7:48 pm #1141966
    Guenni007

    these two will do the job. The one is only to have instead of the 80px thumbnail a 180px square as image

    September 26, 2019 at 9:55 am #1142172
    FlatText

    Hi Guenni,

    After fiddling with it, I got better results removing the custom css and using ‘full’ instead of ‘square’ in the enfold-functions.php change.

    I wanted the picture to be fully visible since it’s a logo, and at least now it is.

    Thank you for you help and time

    September 26, 2019 at 3:39 pm #1142309
    Victoria

    Hi FlatText,

    Glad you got it working for you with Guenni007’s help! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.