Payment Icons

The Payment Icons Module can be styled locally or globally. The advantage of global styling is that it automatically styles all the payment icons modules on your website at the same time, offering extra styling options and saving your time. It is possible to find the Payment Icons Global Styling under the Module Design of the Global Styling tab of the editor.


1. Content

1.1. Placement

In this section you can adjust the placement of the payment icons - to the left, centered or to the right.


2. Styling

2.1. Icon

2.1.1. Color

Define a color for your payment icons. It is also possible to determine a color for the normal state and when someone is hovering over the icon.


2.2.2. Size

Define the size of your payment icons. Type down a value or use the slider to do so. 


2.2. Background

With this option you can choose a solid color as the background for the icons.


2.3. Border

Here you can define the border color, width, style and radius of the icons.


2.4. Spacing

When styling the spacing you can define the margin - which adjusts the space outside of an element; and padding - which adjusts the space inside of an element.

3. Apply Global Styling

As soon as you save your Global Styling, all the Payment Icons Modules will inherit that design. However, if later you choose to style a Payment Icons Module locally, it will overwrite the global styling but only for that specific Payment Icons Module. Click here to read more about the Payment Icons Module local styling!


Anything we’ve not covered?

Contact Us