WebHornet gives Advanced Users the ability to make Style changes in the CSS of each layout.
**Please note, if you do not understand CSS & HTML, we DO NOT advise any of the following changes to take place.
1 - Access the Control Panel
. For more information on the Control Panel
, click here
2 - At the bottom on the Control Panel will be a list of all Layouts
that are installed in your website.
3 - Next to Each Layout, a HTML Tag
icon is shown. Choose the HTML Tag
you would like to edit.
4 - The Layout
and it's modules will be displayed.
- Each Place Holder has is own Container. This will appear when scrolling over each placeholder along with the region that you will be styling.
5 - As an Advanced
user, click on the Container
name in the Page Tree.
- All Changes made will overwrite anything set in the other tools
- Locate the section of HTML you would like to edit by updating the CSS
6 - After clinking on the Container
name in the Page Tree of the area you would like to style, a Layout Code (Meta/CSS/Script)
box will appear. You have the ability to change the Background Color and the Font Color of its section.
You have the ability to choose a color from the grid or copy paste a HTML color code.
7- After you have made your changes, click 'Save'
At any time, you can return back to the original colors assigned to the layout. Follow steps 1-6.