Style dynamic content

[mvdwally]

Is it possible to to style dynamic content?

For example: I’m using a cart off canvas element in my header. The text setup is as following: “Your Cart {{dc:woocommerce:cart_items}}”

How do I style the dc shortcode, or give it a class to style it?

[ruenel]

Hello @VanderWalMedia,

Thanks for writing in!

If you want to style the dynamic content, you will need a custom css to adjust the styling of the resulting output of the dynamic content. Could you please provide url of the page and the look that you are after in displaying the dynamic content?

Regards.

[mvdwally]

I’m sorry, I have no example at the moment.

What would that custom code look like? How does one target the dynamic content code?

[rad]

Hi @VanderWalMedia,

The styling is based on how you implemented, and you don’t or can’t add class to the shortcode for dynamic content. You can usually add the class name directly to the containing element, example, let’s say text element, then you could add my_class_dc to the text element’s Class. Then your custom CSS that can be added to Theme Options > CSS would be like this

.my_class_dc .dynamic_content_wrapper {

}

That is assuming the dynamic content has another wrapper. Which is why it’s important if we could check a sample URL as it could be implemented in many different ways. Dynamic content is usually just the data, the styling should be applied to its container or wrapper.

Thanks!