Vincent,

thanks. The SkinExtensions did the trick.

I did find one strange thing in that the first style definition was ignored. I needed to put some dummy style at the start to get the one I needed to work.

<style>
p.random_as_first_line_is_ignored {} # never gets into the html

div.example { # this one does
    padding-top: 8px;
    padding-bottom: 5px;
    font-family: monospace;
    color: green;
}
</style>

This is with version 7.4.2.


Tim






On 20/08/2016 13:56, Vincent Massol wrote:
Hi Tim,

On 20 Aug 2016, at 14:32, Tim Dudgeon <tdudgeon...@gmail.com> wrote:

Hi Folks,

I'm struggling with something I thought should be quite simple.
I want to style a series of elements in a page (box macro) so want to
just define a css style for this just for this one page.
I was trying to set styles using html content like this:

{{html}}<style>
h1 {color:red;}
p {color:blue;}
</style>
{{/html}}

but the style definition is not getting included (though in other cases
like this {{html}}<b>bold text</b>{{/html}} its working as expected).

What am I doing wrong here?
BTW it’s not a good web practice to put CSS inside the HTML body. I suggest 
using http://platform.xwiki.org/xwiki/bin/view/DevGuide/SkinExtensionsTutorial

Can you try with this and see if it helps?

Thanks
-Vincent

PS1: You can use your browser dev tool to see what CSS you need to write to 
style what you want
PS2: The box macro supports defining some css class that can be added, see 
http://extensions.xwiki.org/xwiki/bin/view/Extension/Box+Macro#HParametersdefinition

Thanks
Tim
_______________________________________________
users mailing list
users@xwiki.org
http://lists.xwiki.org/mailman/listinfo/users

_______________________________________________
users mailing list
users@xwiki.org
http://lists.xwiki.org/mailman/listinfo/users

Reply via email to