-
AuthorPosts
-
January 5, 2015 at 12:47 am #374830
I want my post slider to show the featured images in circle format instead of rounded corner rectangles. Is there any way to do this?
I don’t necessarily need them all to do this, but I definitely need one to. Any help would be appreciated.
- This topic was modified 9 years, 11 months ago by SeizeTheBeat.
January 5, 2015 at 1:58 am #374852Hey SeizeTheBeat!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-content-slider .slide-image, .avia-content-slider .slide-image img { border-radius: 200px; }
Regards,
YigitJanuary 6, 2015 at 10:23 pm #375873Unfortunately that doesn’t make it a perfect circle :(
More like an oval with flat top and bottom. I assume this might be because my featured images aren’t a perfect square, or is it something else?
January 7, 2015 at 9:26 pm #376460Hi!
To make images perfect circle, they should be perfect square before applying custom CSS code. You can go to Appearance > Editor and open Functions.php file and find image sizes and adjust them as needed
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news $avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs $avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => false); // images for fullscrren slider $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns $avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 ); // images for magazines $avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321); // big images for blog and page entries $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 ); // images for fullsize pages and fullsize slider
After changing size, please do not forget to regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
YigitJuly 14, 2016 at 9:08 pm #661027I’m having the issue of the top and bottom being flat and the featured image is 400×400 so it’s square.
July 15, 2016 at 1:22 pm #661248Hi,
The link you posted is password protected, please post the password in private.
Best regards,
RikardMarch 11, 2020 at 1:58 am #1192090Hi,
I am having the same issue. And I managed to do a perfect circle using the square thumb but I could not manage to change the size in my child theme’s functions.php
It only works when changing in the original theme’s functions.php file.Can you help me out with this?
Thanks,Mariyan
March 15, 2020 at 7:43 pm #1193258Hi Mariyan,
Please start a separate thread, describe your issue there and give us a link to your website there.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.