Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 14, 2014 at 10:04 am #290909
    TheMauiDarren

    Would like to change the widget image size from the standard 36px x 36px to a more of landscaped 108px x 36px; so as preview images also appear as such in widgets such as the Enfold Combo Widget, Latest Portfolio, etc…

    Is this is simple as changing in the function.php as I’ve seen some posts refer to?

    Mahalo,

    TheMauiDarren

    July 14, 2014 at 10:42 am #290917
    Yigit

    Hey TheMauiDarren!

    Please go to Functions.php file in Appearance > Editor, then find and edit following line

    $avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);

    and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/

    Best regards,
    Yigit

    July 15, 2014 at 2:09 am #291343
    TheMauiDarren

    Howzit Yigit!

    Step #1: simple is as simple does. done and done.

    Step #2: ..and the good stuff I’m looking for; is it as easy to change the preview images in the Enfold (Avia) Combo Widget & Enfold Latest Portfolio Widget to reflect the same landscape format? say in a 102 x 28 frame? (currently showing the 108 x 36 widget thumbnail in a 28 x 28 frame)

    Mahalo,

    TheMauiDarren

    July 15, 2014 at 5:32 pm #291712
    Dude

    Hey!

    Yes, you can change the thumbnail size with css code – insert this code into the child theme style.css file or quick css field:

    
#top .news-thumb, #top .news-thumb img {
width: 108px;
height: 36px;
}

    Regards,
    Peter

    July 15, 2014 at 6:20 pm #291739
    TheMauiDarren

    Step #2: done…even easier!

    perfect Dude! really appreciate it!

    Mahalo Nui Loa,

    TheMauiDarren \m/

    July 16, 2014 at 8:47 am #291973
    TheMauiDarren

    You know what’s great Dude?

    turning someone into a fast learner. :)

    little quick thinking, led to changing the above as provided, to this…

    #top .news-thumb {
    width: 108px;
    height: 36px;
    }
    #top .news-thumb img {
    width: 100px;
    height: 28px;
    }

    Step# 2a…. self solved! :)

    Mahalo, mahalo again to you and Yigit!

    TheMauiDarren

    July 16, 2014 at 12:58 pm #292030
    Yigit

    Hey!

    Glad you figured it out TheMauiDarren! :) Let us know if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Changing widget image dimensions’ is closed to new replies.