Hi,

On Sat, Aug 28, 2010 at 12:06 PM, Kaya Saman <kayasa...@gmail.com> wrote:
> Thanks very much for the advise and the links.
>
> I read through them and now understand a bit more!!
>
> However, since I attempted to customize the basic toucan.css file by
> commenting out the old image code and adding new image code in. Eg:
>
> body {
>     font-size: 87.5%; /* 10px */
>     font-family: sans-serif;
>     color: #222;
>     width: 100%;
>     padding: 0;
>     margin: 0;
>     min-width: 970px;
>     ###background-image: url( images/colors/gray/H4x4-GRAY.png );

This is not the way CSS comments work. Because of the parsing error,
the browser ignores the the rule with the wrong syntax and the rule
after. You need to use this syntax:

/* comment on one line or
on multiple lines */

Raluca.

>     background-image: url($xwiki.getSkinFile("gpl.png"));
>     background-color: #fff;
> }
>
> I am still lost as I'm not actually sure which image makes for the
> background itself - not the default white area where the text goes but
> the area behind the whole wiki that for generic Toucan skin is grey but
> then is changed to purple on the http://platform.xwiki links.
>
> As I've mention I managed to change the top left picture, and the logo
> which was easy. However on my first attempt I did change the rest but
> after altering again things started to go funny!!
>
> I'm really lost with this one.
>
> Regards,
>
> Kaya
>
>
>
> On 08/28/2010 11:32 AM, Raluca Stavro wrote:
>> Hello,
>>
>> I tend to think that your CSS selectors are not specific enough. See
>> http://www.w3.org/TR/CSS2/cascade.html .
>> You have to make sure that your CSS rules are taken in account after
>> the default XWiki CSS rules (ex: CSS StyleSheet linked in the header
>> after the default ones that contain the rules  that you want to change
>> =>  this can be done by using skin extensions
>> http://platform.xwiki.org/xwiki/bin/view/DevGuide/SkinExtensionsTutorial
>> ) and you have to make sure that your selector's specificity is
>> correct.
>>
>> Raluca.
>>
>> On Sat, Aug 28, 2010 at 9:38 AM, Kaya Saman<kayasa...@gmail.com>  wrote:
>>
>>> Thanks Lockie for the suggestion only the same thing is happening!!
>>>
>>> Firebug definitely shows the CSS alright but I alter what the screen is
>>> telling and nothing happens even though Firebug reports the change after
>>> a refresh....
>>>
>>> The issue is that the CSS is quite complex and am no CSS expert meaning
>>> that if things are dependent on certain criteria I won't be able to see it.
>>>
>>> Am back where I started I guess :-(
>>>
>>> Regards,
>>>
>>> Kaya
>>>
>>>
>>> On 08/28/2010 03:51 AM, Lockie wrote:
>>>
>>>> Hi Kaya,
>>>>
>>>> While I haven't worked with Toucan skin before, the easiest way to edit the
>>>> .css file of any skin is to get the Firebug addon for the Firefox browser.
>>>> Then its just a matter clicking on the html in the main panel, and seeing
>>>> what css is related to which part of the skin in the right panel.
>>>>
>>>> http://getfirefox.com/
>>>> http://getfirebug.com/
>>>>
>>>> Hope that helps,
>>>> Lockie
>>>>
>>>>
>>> _______________________________________________
>>> 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
>>
>
> _______________________________________________
> 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