Client logos in sliders

FestoonMedia

Hi Be Support,

Whenever I'm uploading images for the client slider they never appear in the original upload size and the image quality is getting compressed.

In which style sheet do we find the code to correct this problem?
Is this the code responsible for this issue?

img.scale-with-grid,

#Content img {

max-width: 100%;

height: auto;

}

Demo site: http://www.festoonmedia.com/fmwp/
Kindly help to fix this problem. 

Albert

Hi,

if you want to change logos sizes, then you should modify functions/theme-functions.php file where add_image_size() functions are.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

rantawi

I did change "add_image_size" but to no avail.

See http://www.frlogis.com, still the same which is not OK at all.

rantawi

I managed to do it. And it looks awesome. Here is how:

1- Change "client-slider" dimensions in "theme-functions.php" file, for me, it was as following:

* Go to "/wp-content/themes/betheme/functions/".

* Edit the file "theme-functions.php".

* Change the code: add_image_size( 'clients-slider', 200,  200,   false  ); // clients

Here my clients' images are 200 by 200.

Save then restart Apache (using "/etc/init.d/apache restart" or "apachectl restart" depending on your system).

2- Add the following to Appearance -> BeTheme Options -> Custom CSS:

.caroufredsel_wrapper { height: 200px !important; } /* The new height */

.clients, .clients_slider_ul { top: 36px !important; } /* Margin from Top */

.clients_slider, .clients_slider_header { margin-bottom: 0 !important; } /* Remove extra space above the images */

.ul.clients, .client_wrapper:hover { background: #fff !important; } /* Make the hover background white */