# Styling ### Full Width Row Adjusting the width of a footer row is straightforward. Simply click the three dots on the row you want to modify, go to the **Container** section, and toggle the **Full Width** option:
### Changing Row Style You can apply styles like background, and custom link and text colors directly to the **Row** element. To apply your style for the row, click the *vertical three dots* on the **Row** element, then go to the **Style** tab. Here, you can set colors for *text*, *headings* and *links*, and choose a *background* for the row, including the option to add an image.:

Row Background

Row Elements Colors

This will result in the row appearing as shown in the example below:
### Columns When you want to balance columns or set custom widths, you can adjust these settings for each column individually.​

Two columns of the same width

Now, we will set the width for **Column 1** to span 3 columns out of the 12-column grid by clicking the vertical three dots button, then in **Content** section setting the **Width** value:
For the other column, set the width to **Auto**, which will fill the remaining space. Additionally, for responsive viewports, you can adjust these rows to display one column per row or according to your preference. The result will be:

Balanced columns

### Spacings You can adjust the spacing of elements for each row, as the **Row** provides settings for both *vertical* and *horizontal* spacing. Click the vertical three dots on **Row** element and go to **Content** section, scroll to *Horizontal* and *Vertical* Gap:

Adjusting the elements spacing in a row

--- # 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://docs.kaliumtheme.com/general/footer/styling.md?ask= ``` 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.