Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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 5 years, 5 months ago by  SeizeTheBeat.
    #374852

    Hey 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,
    Yigit

    #375873

    Unfortunately 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?

    #376460

    Hi!

    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!
    Yigit

    #661027

    I’m having the issue of the top and bottom being flat and the featured image is 400×400 so it’s square.

    #661248

    Hi,

    The link you posted is password protected, please post the password in private.

    Best regards,
    Rikard

    #1192090

    Hi,

    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

    #1193258

    Hi Mariyan,

    Please start a separate thread, describe your issue there and give us a link to your website there.

    Best regards,
    Victoria

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.