Getting Started with Logo Showcase

In this article

  1. Adding the content
  2. Layout adjustments
  3. Appearance of the widget

1. Adding the content

The process of creating your Logo Showcase widget starts with adding the content with the help of Logos, Header and Button sections.

  • Logos
  • In this section, you can add your logos to the widget. To do it, click on logo and change its Logo, Link and Caption
    1. Logo - lets add the needed image. 
    2. Link - allows you to add the link to the website where visitors will be redirected after clicking on the logo. 
    3. Caption - helps to change the name of your logo (instead of "logo1.png"). 

    And here is what you can do with your logo blocks:

    • Add new blocks
    • Duplicate the blocks
    • Change the order of the blocks
    • Delete the block

    After the Logos section, you can move to the next sections. 

  • Header
  • Here you can turn off/on your header, change the title, and type the text if needed: 
  • Button
  • In this section, you'll be able to show a button, add a link, and change the text of it.

    2. Layout adjustments

    When you end up with the content of your widget, you can move forward. With the help of Layout tab, you can adjust position of your widget. And here’s what you can do:

  • Choose the layout of your widget: 
  • Set the logo size and change the spacing between your logos:
  • Adjust mobile behavior of your widget (both mobiles and tablets):
  • Set the width of your widget (1) and turn off/on opening links in a new tab function (2): 
  • 3. Appearance of the widget

    On the last tab of your Logo Showcase widget, you can customize its style using 4 sections: Background, Logo Colors, Header Colors & Fonts, and Custom CSS. In Background section, you will be able to choose the background type. According to the type, you can set the color or upload the image. 

    Logo Colors section allows you to switch the color of the logos and its background between Original, Greyscale Filter and Custom Color:

    In the Header Colors & Fonts section you can set Header Text Color (1), change Title Font Size (2), choose Weight (3) and adjust Text Font Size (4):

    And the last thing you can do is to add Custom CSS. This section will let you add the CSS code for your widget customization.

    If you faced any difficulties using the widget or if you still have any questions that you didn't find the answers for, please contact us at https://help.elfsight.com/contact, we will be delighted to help you.

    If you think that the widget is missing any features, you're always welcome to leave your feature request in our wishlist tool. We will be happy to consider all the suggestions for their realization in future app updates.

    Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

    Still need help? Contact Us Contact Us