Reduce the size of the partner images

4 posts from 2 voices

• Started 5 months ago by biggatings
• Latest reply from Ismael
• This topic is not a support question

Tags:

• partners

1. 

   biggatings
   Member

   How do I go about reducing the size of the logos used for the our partners section. Also, underneath the logos, there is a dark black line. is it possible to remove that as well?

   Posted 5 months ago #
2. 

   Ismael
   Moderator

   Hi biggatings,

   For the size of the logo, kindly add this code in your Quick CSS (under Theme Options > Styling) or custom.css:
   

   .partner_list .flex_column.no_margin.one_fifth {
      width: 15%;
   }

   or, if the code above doesn't work, use this instead:
   

   .partner_list .flex_column.no_margin.one_fifth {
      width: 15% !important;
   }

   The default size is 20%, just adjust the width value. You can use px instead of %.

   For the dark black line, I'm not sure if you are referring on the border wrapping the partner logo.

   Regards,
   Ismael

   Posted 5 months ago #
3. 

   biggatings
   Member

   Ismael,
   Thanks. I tried the second css code and it worked. As for the dark line, take a look at http://www.msquaredja.com/dagl and look under the logos, you will see the line. Now, I have reduced the width of the logos to 15%, how do I make them centered in the page and brought up closer to the slider?

   Thanks
   Michael

   Posted 5 months ago #
4. 

   Ismael
   Moderator

   Hi,

   To remove the border, add this on your quick css.

   #footer .container {
   border: none;
   }

   To adjust the logos' position you can use this

   .content.twelve.alpha.units.template-dynamic.template-dynamic-frontpage {
   margin-left: 100px;
   margin-top: -20px;
   }

   Adjust the left and top border.

   Regards,
   Ismael

   Posted 5 months ago #

RSS feed for this topic

Reply

You must log in to post.