Change image size in blog post

Hey joneszelasko,
Thank you for your question, as I understand your question you would like to change the size of your featured image in your posts to 1200 x 630,
You can do this with this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
  $size['entry_without_sidebar'] = array('width'=>1200, 'height'=>630, 'crop' => true);
  return $size;
}

Then use the plugin Regenerate Thumbnails to resize the images.
Please note that the code above sets the crop to “true” and I believe this is correct for your situation, but if not try changing it to “false” and regenerate the images again.

Best regards,
Mike

Hi,
This should work fine in the parent theme functions.php, but it will be lost when you update, we recommend using a Child Theme for customizations.
Then you also need to Regenerate the Thumbnails for the change to show, did you also do this?
Perhaps creating a staging site to test with would be a good idea, then you can apply it you your live site. Most cPanel webhosts have a staging site option, some in the dashboard:

Others add the option in the Softaculous WordPress Management

There may be other staging site options in different cPanel servers, these are the two that I have seen.
Please include an admin login to the staging site in the Private Content area so we can check.

Best regards,
Mike

Hi,
Thank you for your patience, to change your current post image to 1200px x 630px without stretching them, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.single-post .fullsize .template-blog .big-preview img {
    width: 1200px;
    min-height: 630px;
    object-fit: cover;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

To adjust the style of the slider on smaller screens, you can include a CSS media query and adjust the values in the CSS rule provided above. Here’s an example:

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #top.single-post .fullsize .template-blog .big-preview img {
    width: 1200px;
    min-height: 430px;
  }
}

Feel free to experiment and customize the values according to your specific design preferences and requirements.

Best regards,
Ismael

Hi,

We apologize for any confusion. By default, all posts, whether new or old, will use the same template. However, it is possible to modify the template to display different elements for different posts, but this would require customizations that are beyond the scope of our support.

If you require such customization, we recommend hiring a freelancer who specializes in theme customization. You can find experienced freelancers who can assist you by visiting our customization page.

If you have any additional questions or need further assistance, please don’t hesitate to reach out to us. We’re here to help.

Best regards,
Ismael

Hi,

In the filter that we provided above, you will have to adjust the height value from 630 to 423

add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
   $size['entry_without_sidebar'] = array('width'=>1200, 'height'=>430, 'crop' => true);
   return $size;
}

After the adjustment, use the following plugin to regenerate the thumbnails. Please make sure to create a site backup or a restore point before using the plugin.

// https://wordpress.org/plugins/regenerate-thumbnails/

Thank you for your patience.

Best regards,
Ismael

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.single-product .woocommerce-Tabs-panel--description > h2:first-child {
	display: none;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
When I examine the featured image for the post you linked to, it looks like the full size image that you uploaded is 1210 x 423. I checked a few others and they all seem to be the same size. So the issue is that you want the images to be 1200 x 630 but WordPress can not make the height of the images larger. If the original image had been 1802 x 630 (or a similar ratio) then the then the scripts above could have made it 1200 x 630 without cropping.
Since you have 1100 blog posts the only solution I can offer is to use css to stretch your images taller:

#top.single-post .fullsize .template-blog .big-preview img {
    width: 1200px;
    min-height: 630px;
}

Best regards,
Mike

Hi,
I believe this will work for you, please try adding the css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

#top.single-post .fullsize .template-blog .big-preview img {
    width: 1200px;
    min-height: 630px;
}

Best regards,
Mike