---
title: "Content properties"
date: "2017-11-11T13:20:39+00:00"
summary: "Enhance your Site Studio styles with content properties for pseudo-elements. Learn to add images, icons, strings, and counters to :before and :after elements, creating dynamic and visually appealing designs."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/content-properties"
id: "50289790-8135-4e1c-8e49-a24b717e0095"
---

Table of contents will be added

Content properties allow you to add content to the :before and :after pseudo elements.

Adding content properties to a style
------------------------------------

To add Content properties to a style:

1.  Navigate to the Style builder. This is available when you edit [Base styles](/drupal-starter-kits/add-ons/site-studio/creating-base-styles "Creating base styles") or [Custom styles](/drupal-starter-kits/add-ons/site-studio/creating-custom-styles "Creating custom styles"). For more, see [Using the style builder](/drupal-starter-kits/add-ons/site-studio/using-style-builder "Using the style builder")
2.  Within the Style editor area, click on the **Properties** button
3.  Then select Content > **(Select a Content sub-group)** in the menu.

The Content properties include the following groups of fields:

Image
-----

*   **Image picker -** Add an image as a content property.

For details of each property, see [I](https://support.cohesiondx.com/user-guide/transform-properties)[mage content property](/drupal-starter-kits/add-ons/site-studio/image-content-property "Image content property").

Icon
----

*   **Icon picker -** Add an icon font as a content property

For details of each property, see [Icon content property.](/drupal-starter-kits/add-ons/site-studio/icon-content-property "Icon content property")

Strings and counters
--------------------

*   **Type -** Set the type of content to a string, counter or custom string
*   **Value** - Set the string or counter content

For details of each property, see [Strings and counters properties.](/drupal-starter-kits/add-ons/site-studio/strings-and-counters-content-properties "Strings and counters content properties")

Counter reset and increment
---------------------------

**Note:** Counter reset and increment are not technically Content properties but they are used with the Counter content property so they have been included within this group in the Style builder.

*   **Counter reset -** Resets the counter to start at 1
*   **Counter increment -** Sets how the counter will be incremented.

For details of each property, see [Counter reset and increment properties.](/drupal-starter-kits/add-ons/site-studio/counter-reset-and-increment-properties "Counter reset and increment properties")