# Configuring a Custom Theme

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FwoWW37d8IM5iLvaAflA2%2Fdlx-has-custom-theme-options.webp?alt=media&#x26;token=a5d7d955-1f70-4c05-8e84-75b79a6ad688" alt=""><figcaption><p>Choosing a Custom Theme Presents Several Configuration Options</p></figcaption></figure>

When selecting a custom theme, you will be presented with several options to configure how the icons display on the frontend.

This section will cover the available customization options.

## Hide or Show Labels

You can choose to show or hide the labels of the social networks.

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FBa4Akrm36ZCSaaVJraq3%2Fdlx-has-hide-labels.webp?alt=media&#x26;token=b1d93b98-e896-442b-a903-7db5eb812fb9" alt=""><figcaption><p>Hide the Labels for a Condensed Share Effect</p></figcaption></figure>

You can customize the labels in the main **Settings** tab when enabling social networks.

{% content-ref url="../enabling-social-networks" %}
[enabling-social-networks](https://docs.dlxplugins.com/highlight-and-share/content-sharing/enabling-social-networks)
{% endcontent-ref %}

## Item Grouping (Grouped)

When the items are grouped, you can edit the social networks all at once.

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2F3DjK3m4fqZJa2RKm6OC5%2Fdlx-has-grouped.webp?alt=media&#x26;token=5dacf638-3c1b-4e2d-8128-ccbd66798a0c" alt=""><figcaption><p>Item Grouping Allows Editing All Items Together</p></figcaption></figure>

You can adjust:

* The background color and background color on hover for all the icons
* The text color and text color on over (if labels are enabled)
* Adjust the border radius of the container
* Set icon padding for all icons at once
* Increase or decrease the icon size for all items
* Set the font size of the labels (if labels are enabled)
* Show or hide tooltips
* Set the vertical or horizontal orientation of the icons

## Item Grouping (Ungrouped)

To edit the icons individually, you can ungroup the social networks.

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FDK8AKWRs3fkzvNgr1zE3%2Fdlx-has-ungrouped.webp?alt=media&#x26;token=98a60785-fe0c-4adb-8bf7-25c4ac73384a" alt=""><figcaption><p>Edit each Social Network Individually</p></figcaption></figure>

When items are ungrouped, you can configure the colors of each social network icon individually.

Just click on each social network tab to adjust the colors for each network.

In addition to configuring colors, you can customize the appearance of:

* The individual icon border radius
* The individual icon padding
* The icon size
* The font size of the label (if enabled)
* The gap between the social networks
* Enable or disable tooltips
* Set the orientation to horizontal or vertical
