Okay...
1. Set the layout for the module to banner (tab: Advanced)
This sets the correct html and classes for the banner.
2. Clean up the text
2a. Under tab: Module open the editor's code view.
TinyMCE: Above the editor buttons: Tools > Source Code+
JCE: Above the editor buttons, to the right: Code
2b. Delete the content and replace it with:You now have the banner module set as on the sample data site.
The class display-4 sets the font-size. If you want a bigger font-size use a lower number.
The class text-thin makes the text... well... thin, and adds the line underneath.
The class lead sets a dynamic font-size.
You can ofcourse use your own classes and add these to your user.css file.
1. Set the layout for the module to banner (tab: Advanced)
This sets the correct html and classes for the banner.
2. Clean up the text
2a. Under tab: Module open the editor's code view.
TinyMCE: Above the editor buttons: Tools > Source Code+
JCE: Above the editor buttons, to the right: Code
2b. Delete the content and replace it with:
Code:
<h1 class="display-4 text-thin">Welcome to Save Ham Farm</h1><p class="lead">Campaigning against house development on Ham Marsh and Farm</p>
The class display-4 sets the font-size. If you want a bigger font-size use a lower number.
The class text-thin makes the text... well... thin, and adds the line underneath.
The class lead sets a dynamic font-size.
You can ofcourse use your own classes and add these to your user.css file.
Statistics: Posted by Mr. Wimpy — Thu May 09, 2024 2:49 pm