[Saltire]

Saltire

#7055

Hi, I posted yesterday about styling text widgets and Kenneth was kind enough to give me a link to his site, I found it very helpful. That link also took me to another of his articlesl Fun with text widgets part 2. It had some coding which I adapted for my own site:

#text-14 {

text-align: left;

background:#50AD56;

-webkit-box-shadow: 0 0 10px #50AD56;

box-shadow: 0 0 10px #50AD56;

-moz-border-radius: 30px 30px 30px 30px;

-webkit-border-radius: 30px 30px 30px 30px;

border-radius: 30px 30px 30px 30px;

It worked perfectly so thanks for that.

However I was curious and wondered if it would work for other types of widget and tried the Graphene pages widget using this code

#pages-2 {

text-align: left;

background:#50AD56;

-webkit-box-shadow: 0 0 10px #50AD56;

box-shadow: 0 0 10px #50AD56;

-moz-border-radius: 30px 30px 30px 30px;

-webkit-border-radius: 30px 30px 30px 30px;

border-radius: 30px 30px 30px 30px;

This time it did not work which made me wonder how non text widgets might be styled?

Thanks

[Anonymous]

Anonymous

#36694

You apply code correctly.

But every time you insert another widget of same kind it changes the number in ID (#pages-2, #pages-3, etc.). Did you check div ID with firebug or source code?

[Kenneth John Odle]

Kenneth John Odle

#36696

Put code in between backtick (

Code:

`

) characters. It’s usually located above the Tab key on your keyboard. I have fixed this for you.

[Saltire]

Saltire

#36697

Hi, Luko,

I did use Firebug, I’ve been practising with it and now getting more used to it. Kenneth I will try the backtick it’s something I’ve never used before and get back to you if I have any other problems.

Thanks