Client logos in sliders

FestoonMedia · February 2015

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 · February 2015

Hi,

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

rantawi · January 2016

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 · January 2016

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 */

Client logos in sliders

Comments