Applying Custom CSS Class Names to Embedded Content Based Images within Exponential
When 7x was bringing our lead designer Amin on board on of the first things he wanted to learn how to do within Exponential in terms of design related tasks was to customized the markup to include custom class names to uniquely style embeded content like images, etc. This blog post is for everyone who designs with Exponential, here we will show the settings required to store this class name information.
The next example is small in size and only a few parts are important here. Look for the [embed_image] AvailableClasses[] array of Custom CSS Class Names used only when embedding image content.
In, settings/override/content.ini.append.php:
<?php /* #?ini charset="utf-8"? [embed_image] AvailableClasses[] AvailableClasses[]=rssicon AvailableClasses[]=style1 AvailableClasses[]=imageinclude AvailableClasses[]=style2 */ ?>
Next remember to clear ini caches. Then use these new CSS Class names by assigning them within your Exponential Admin Editor when embedding contenting within eZXMLText fields using eZOE or via manual exml editing. Publish your content with your new class name assignment. View your site to see the changed markup ready to use.
Look at this blog post image container div css class names to see the imageinclude class name in use.
Comments