Version:
Cohesiondx.com

    Extending a custom style

    You can create Custom styles that extend a parent Custom style. Extended styles will inherit all the CSS properties from the parent Custom style. You only need to add the CSS properties you want to add or override.

    For example:

    • Extend a Button custom style to create another button style with a different background color
    • Extend a Paragraph custom style to create another paragraph style with a different font size

    Extending a Custom style rather than creating a new Custom style creates less CSS and a smaller CSS file, which helps the loading speed of your website.

    Extend a Custom style

    To extend a Custom style:

    1. Navigate to DX8 > Styles > Custom styles
    2. Click Extend style
    3. Edit the name of your Extended custom style
    4. Add only the CSS properties you want to add or override from the parent style. All other properties will be inherited from the parent style. For more information about adding properties, see Using the style builder
    5. Click Save

    Extend-custom-style.png

    Extended custom styles will appear as children of the parent Custom style in the Custom style list.

    Extended-custom-style-list.png

    Edit, duplicate and delete an Extended custom style

    • Navigate to DX8 > Styles > Custom styles
    • To edit an Extended custom style click Edit
    • To delete or duplicate an Extended custom style click Duplicate or Delete
    • You cannot extend an Extended custom style.
    Cohesion DX8 Help center

    Launch our Help center to raise a support ticket or search our knowledge base of common questions and answers.

    DX8 knowledge base icon

    Knowledge base

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    Log in to the Help center to raise an issue. Available Monday - Friday, 09:00 - 17:00 GMT.

    Raise ticket