CSS Class to remove Blocks or Styles from Custom Components
hello.
I am working on creating a custom content block for a lithium installation... but I am having trouble removing some of the styles for the content block. Normally when you create a custom content block it puts the content within a standard block that the Lithium skin creates for you. I am trying to wrap this content type in a wrapper that will REMOVE the custom content type CSS styles and only display the content on a white background WITHOUT the lithium block.
I would think it would be something like class="blank" in the div tag.... but I can't seem to find anything..
Can anyone help me?
Thank in advance!
Hi Andrew,
Instead of CSS, there is an option to remove this panel. Try going into Studio where you added this custom content component and clicking the XML tab.
From here, find where your custom content is and use the following syntax instead:
<component id="common.widget.custom-content" name="1" panel="false"/>
The name="1" portion of this identifies which custom content you're using (so if you're using 7 for example, change the value to 7). The panel="false" will remove the standard styles and leave only the content in place.
I hope this helps! Let me know if I need to clarify anything.