HOW TO Permanently Change CSS

[chrisg56]

I have tried everything, short of pulling hair. How do I go about permanently changing the cascading style sheet so that when I update my site it does not revert back to the old code. thanks for any support.

[pinbrook]

how are you doing it at the mo?

[chrisg56]

I took the ORIGINAL stylesheet edited it accordingly and overwrote the various css in the following folders Sites/SiteBackups/SiteUpgrade and there may have been another folder. When I update the site it reverts back to the original.

[RuralWeb]

Change it in the design pane

[NormanRouxel]

actinic.css is a generated file. It is created from the layout Actinic Stylesheet in Design / Library / Layouts / Web Page Outer Layout. Make your changes there.

You can also get to it via the Design tab / Select Page Type.

[chrisg56]

O.K I went to Design / Library / Layouts / Web Page Outer Layout then poked around until I got frustrated again. All I simply want to do is change the header color in the Executive Theme where the company logo is from 333333 to 000000 and the footer text urls Contact Us|Privacy Policy|Terms & Conds from cccccc to 7C99E2

[leehack]

Well unfortunately that is not the easiest way to work on it. Do this:

1. Select the design tab.
2. Select Actinic Stylesheet in the dropdown box.

*plays music like a magician is making a rabbit appear*

and thats it, you are into the stylesheet. Just as Mal said 6 hours ago.

[RuralWeb]

Just as Mal said 6 hours ago

I wonder why I bother sometimes

[chrisg56]

O.K. call me thickheaded however when go to select page type then select actinic stylesheet I get the following code with no ability to change the values. What am I doing wrong or what should I be doing.

/* begin general styles for all themes */
html,body {
margin: 0px;
padding: 0px;
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsBackgroundColor%22%20%2f%3e%20%3d%3d%20True">
background-color:<actinic:variable name="BGColor"/>;
</actinic:block>

[NormanRouxel]

In the Design tab there should be 2 big windows one below trhe other. Page Preview (you can't change this) and Layout Code (where you make changes). If you don't see these, click Window and choose Restore Initial View Layout.

Alternatively, use my way (Design / Library / Layouts / Web Page Outer Layout / Actinic Stylesheet), where you can see the effects of changes you make every time you click Apply.

[wjcampbe]

And everyone is missing the feature added in v8.5 - right click on any css class name in the Layout code pane and select 'Lookup in Actinic Stylesheet'.

Opens the editor Norman is promoting (which allows you to keep the stylesheet open and see change effects in the preview every time you click apply) with the class you 'looked up' highlighted. What could be easier.

[chrisg56]

Go It!!

Hello all I finally grasped what is actually so simple. Thanks to all that posted.

[RuralWeb]

Hello all I finally grasped what is actually so simple

There are lots of simple things in Actinic the trouble is there are tooooo many and we all try the hard way first!!!

[pinbrook]

And everyone is missing the feature added in v8.5 - right click on any css class name in the Layout code pane and select 'Lookup in Actinic Stylesheet'.

Such a cool addition!!

[leehack]

It is a great addition, however it is incomplete as it doesn't reference nested CSS or whatever the buzz word to call it is. If that is sorted out then it will be fantastic.