...
- Copy that section of code and paste into the Site CSS Overrides on the left-hand side.
- Make your adjustments as needed. Let's use the banner code for example. We can alter the size of the banner so that it's a bit smaller in width and taller in height. The code we need to change is the following:
Code Block language css #sys_banner { width: 954px; height: 183px; margin: 0 auto; position:relative; } In the Site CSS, paste in the following: #sys_banner { width: 800px; height: 200px; }This should alter your banner area size. - At the bottom left corner of the dialog box, uncheck the "Disable Site CSS Overrides".
- Click on the "Preview" tab to see the changes.
Once you've finished making all the tweaks, click on "OK".
You will now see your changes applied to all pages in your SiteBuilder.
Note Each style has its own set of codes. So what works with one style may not necessarily work with another. The CSS feature is best for advanced users who are comfortable with using HTML/CSS code. Here are a couple of helpful CSS resources: W3C schools and A List Apart.
Related articles
| Content by Label | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|