Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 28, 2017 at 7:41 pm #739742
    Jose Ramon

    Hi,
    For some reason, the small preview image in blog page (my home page, in my case) has been resized and now displays 80×80, when it would have to be displayed 230×120. So far it worked well with the follwing code in quick CSS:

    .small-preview {
    width: 230px;
    height: 120px;
    }

    I can not find the fault.
    Thanks

    February 1, 2017 at 8:51 am #741076
    Ismael

    Hi jgarciamel!

    Thank you for using Enfold.

    Please install the following plugin then go to the Settings > Media panel. Adjust the size of the “Thumbnail”, update, save then regenerate the thumbnails.

    // https://wordpress.org/plugins/simple-image-sizes/

    Regards,
    Ismael

    February 1, 2017 at 12:02 pm #741162
    Jose Ramon

    Yuppie!!
    Thank you very much Ismael.
    I actually had the plugin installed, but the thumbnail configuration was 80×80. I changed it and after regenerating the image, everything was fine.

    Best regards.
    Jose Ramon

    February 2, 2017 at 9:47 am #741655
    Rikard

    Hi Jose,

    Great, glad you got it working and thanks for the feedback :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    February 5, 2017 at 10:31 pm #743068
    tapeter7

    I continue to have trouble resizing the thumbnail images on my blogpage, http://philadelphiapsychology.org/

    I’ve revised the thumbnail size under Settings>Media and regenerated at least the image in question via the sime-image-sizes plugin (by editing the details on the media item page).

    It appears that the .small-preview class is setting the page. Any thoughts about what I’m missing?

    Thanks!
    TP

    February 6, 2017 at 7:07 am #743179
    Rikard

    Hi TP,

    Your thumbnails look to be 180×180, are you looking to change the CSS maybe? If so, what exactly do you want to change?

    Best regards,
    Rikard

    February 11, 2017 at 6:56 pm #745784
    tapeter7

    I see that the height and width are both set to 180px but it comes out at 81 x 81 with .small-preview CSS rule. I’d prefer to avoid simply using a CSS overwrite rule. Thoughts about how/where I adjust the rule? Thanks!

    February 15, 2017 at 5:47 pm #747569
    Yigit

    Hi,

    You can find the code in enfold/css/layout.css file.
    We would recommend you to use a child theme – http://kriesi.at/documentation/enfold/using-a-child-theme/ and then copy the file into your child theme inside /css/ folder and add following code to functions.php file of your child theme

    add_action( 'wp_enqueue_scripts', 'wp_change_layoutcss', 20 );
function wp_change_layoutcss() {
   wp_dequeue_style( 'avia-layout' );
   wp_enqueue_style( 'avia-layout-child', get_stylesheet_directory_uri().'/css/layout.css' );
}

    Best regards,
    Yigit

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