# Columns styling

### Logo Column

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

![](/files/yVUq0ARptZXTYH1P9tre)

Example:

![Vertikal zentriertes Logo in einer Spalte mit dunklerem Hintergrund](/files/-MH_AsfSu9pam_ruaBwG)

### Hotline column

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

![](/files/mWCu2APnAVjSHO2j6JFi)

### 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](/en/settings/social-media-icons.md) 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 %}

![](/files/tMxOn4mmEpMHKaEW2kQF)

### 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.

![](/files/nHY3HrQx62fUs35uFugY)

### 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.

![](/files/WeJTbo0XzudzkMOuRQSi)

### 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="/files/Of3ByvQdx7n6EBM7G9z6" 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="/files/SMAWEucMJcmoIG4KmOtq" alt=""><figcaption></figcaption></figure>

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://themedocs.zenit.design/en/styling/footer/columns-styling.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.