Design styles don't work in stacks 5.5.1
Permalink
I can't get the css styles from the design to work in stacks, regular and global, editing both in the front end or in the dashboard has no effect.
Not sure if this is the intended behavior, or a setting I need change, or a mistake in the set up.
Thanx
Not sure if this is the intended behavior, or a setting I need change, or a mistake in the set up.
Thanx
I can't get any css from the design tab to show in front end, editing the design frontend/backend not by saving presets.
Update , I was able to design a regular stack by saving a preset, but I still can't style a global stack.
When you say design do you mean Selecting a Stack and choosing "Design" or that you can not get the Stacks to use your designs CSS (eg loaded from the main.css)
Just as a quick thought make sure your CSS is not to aggressive.
something like
div { border:10px solid #FF0000!important;}
would over write
<div style="border:none"></div>
When you apply the styles do they appear in the source code?
something like
div { border:10px solid #FF0000!important;}
would over write
<div style="border:none"></div>
When you apply the styles do they appear in the source code?
The styles do not appear in the source code
"When you say design do you mean Selecting a Stack and choosing "Design" "
YES
YES
strange, is your site an old site that has been updated or a fresh 5.5.1 site?
I have just tested on my latest site a 5.5.1 and that seems to work, are you able to provide a temp login and I can take a look? you can pm if you don't want to publicly air the site?
Are you able to access the main.css too? can you edit the styles there instead or do you need them to be done via the stacks own design tab?
I have just tested on my latest site a 5.5.1 and that seems to work, are you able to provide a temp login and I can take a look? you can pm if you don't want to publicly air the site?
Are you able to access the main.css too? can you edit the styles there instead or do you need them to be done via the stacks own design tab?
This does appear to be a sort of bug?
If you take a GlobalArea it becomes a GlobalStack and any blocks added to this area appear within the stacks page under the relevant Global Stack
If you then attempt to apply a design to a Global Block you will only apply that style within the stacks window,
eg the stacks page displays
<style type="text/css">
#blockStyle72Main37 {background-color:#ff00c4; background-repeat:no-repeat; border:10px solid #ff0000; }
</style>
But visiting the page do not see the custom style the page you only get the default block with no wrapping div.
If you then try to apply a design to the Global Block on the page the div is added along with the style ID but the style tags are not added to the page so the custom style is not applied.
Applying a design to a block within the GlobalArea will apply the design to the Stacks Page though.
However The design will work if you apply it to a GlobalArea and not to the block, this will only be applied to the current page not to the entire site.
I'm not sure that makes sense, its pretty confusing stuff. But I don't think this was the intended behaviour and worth a bug ticket, unless one of the core team can suggest otherwise?
If you take a GlobalArea it becomes a GlobalStack and any blocks added to this area appear within the stacks page under the relevant Global Stack
If you then attempt to apply a design to a Global Block you will only apply that style within the stacks window,
eg the stacks page displays
<style type="text/css">
#blockStyle72Main37 {background-color:#ff00c4; background-repeat:no-repeat; border:10px solid #ff0000; }
</style>
But visiting the page do not see the custom style the page you only get the default block with no wrapping div.
If you then try to apply a design to the Global Block on the page the div is added along with the style ID but the style tags are not added to the page so the custom style is not applied.
Applying a design to a block within the GlobalArea will apply the design to the Stacks Page though.
However The design will work if you apply it to a GlobalArea and not to the block, this will only be applied to the current page not to the entire site.
I'm not sure that makes sense, its pretty confusing stuff. But I don't think this was the intended behaviour and worth a bug ticket, unless one of the core team can suggest otherwise?
But you can also style blocks individually.
Thats a better idea to me since you can create several themes for the blocks only!