Announcement

Collapse
No announcement yet.

Changing Background Colours for Pages

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Changing Background Colours for Pages

    Hi

    I've been following the advanced user guide to try to set up different background colours for sections, but selecting the edited template in 'Section' 'Layout' doesn't seem to have any effect. Can anyone enlighten please?

    Thanks

    Sarah

    #2
    Are you using a theme that uses stylesheets? In which case you have to create a range of different stylesheet (*.css) files that your different primary templates will use.

    1. Open 'actinic.css' in Notepad.

    2. Save it as 'actinic2.css'.

    3. Now, within 'actinic2.css' locate:

    background-color:NETQUOTEVAR:BGCOLORCSS;
    background-image:url(NETQUOTEVAR:BGIMAGECSS);

    and change it to

    background-color:red;
    background-image:url(background2.gif);

    (substituting 'red' for your desired colour – this can be a hexidecimal RGB colour reference of the form #nnnnnn – and 'background2.gif' for your own background image file)

    4. Close the template.

    5. Now open 'Act_Primary.html'.

    6. Save it as 'Act_Primary2.html'

    7. Within this template, go to the top of the HTML code and locate the line
    <LINK REL=STYLESHEET HREF="actinic.css">

    8. Change it to read:
    <LINK REL=STYLESHEET HREF="actinic2.css">

    9. Finally, locate the variables 'NETQUOTEVAR:BGIMAGE' and 'NETQUOTEVAR:BGCOLOR' within the <BODY> tag of the file you are currently editing.

    10. Remove these two variables from the <BODY> tag and include the line
    <!-- NETQUOTEVAR:BGIMAGE NETQUOTEVAR:BGCOLOR -->
    …somewhere in the template so Actinic does not complain about these variables being missing.

    You can now use 'Act_Primary2.html' as the overall layout template for any section that you want to use the alternate colour. This is set in the 'Layout' tab of a section.

    Comment

    Working...
    X