# Columns styling

### Logo Column

The logo column can have its own **Background**. The **Vertical alignment** allows you to align the logo in its container.

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FQGGC1enXOSReYraYrHGH%2Fdocs-en-config-theme-footer-columns-styling-logo-column.png?alt=media\&token=9fc3448f-6bc2-4108-b6e3-e4bcce16648e)

Example:

![Vertikal zentriertes Logo in einer Spalte mit dunklerem Hintergrund](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MCG4xkoMVXEQllVF5R9%2F-MH_AGv3UUCBJzSNZtsx%2F-MH_AsfSu9pam_ruaBwG%2Fdocs-front-footer-logo-spalte.png?alt=media\&token=39c6bd52-1104-4a57-acf9-ad90ad7aec2f)

### Hotline column

In addition to a different background color, the text colors can also be changed from the general footer color setting.

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FaNE6JKBjZ5LTOZ2WfBm6%2Fdocs-en-config-theme-footer-columns-styling-hotline-column.png?alt=media\&token=0bbc967f-7307-467f-a8ee-da0298d6d782)

### Social media column

In addition to a different background color, the text colors can also be changed from the general footer color setting.

Set the links to the social media channels in the theme settings. You can find more about this in the [social media icons](../../settings/social-media-icons) entry.

{% hint style="info" %}
The settings only apply if the social media icons are also displayed as a column. When displayed in the `footer bottom` position, the color settings of the footer bottom apply.
{% endhint %}

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FAxTmrsTNT40O14o9jDqo%2Fdocs-en-config-theme-footer-columns-styling-social-media-column.png?alt=media\&token=bc3e0d3b-f1b7-464d-a192-01af3b24b28e)

### Newsletter column

In addition to the general column color settings, you should also set the colors of the newsletter form here. The form is the input field where the user enters their email address.

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FopvX2pIU6V1ZnhR6VnWr%2Fdocs-en-config-theme-footer-columns-styling-nesletter-column.png?alt=media\&token=3717b072-d643-4932-a7ab-ba10c41384f9)

### Custom column 1 - 3

Here, in addition to a different background color, the text colors can also be changed from the general footer color setting.

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FQ6ldUGTNAkoYeX4Bu11Y%2Fdocs-en-config-theme-footer-columns-styling-custom-columns.png?alt=media\&token=a1ab8fd6-88f0-4c17-91ad-c78289102410)

### Payment methods column

In the payment type column, the payment methods icons can be loaded from your store's payment methods configuration.

<figure><img src="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FwWVCG7qU8BhKKXHdyBg4%2Fdocs-en-config-theme-footer-columns-styling-payment-methods-column.png?alt=media&#x26;token=b3d58aa6-c3e7-45b9-942d-e93a6ec283c5" alt=""><figcaption></figcaption></figure>

{% embed url="https://docs.shopware.com/en/shopware-6-en/settings/Paymentmethods#zahlungsart-anlegen" %}

### Shipping methods column

In the shipping column, the shipping methods icons can be loaded from your shipping methods configuration of the store.

<figure><img src="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FnU1xhozzpu0kUS1oJs4Y%2Fdocs-en-config-theme-footer-columns-styling-shipping-methods-column.png?alt=media&#x26;token=10e9d1d8-88b8-4a06-bd38-0b065cb72be9" alt=""><figcaption></figcaption></figure>

{% embed url="https://docs.shopware.com/en/shopware-6-en/settings/shipping#basic-information" %}
