How to style individual sidebar widgets

  • 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

    #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?

    Mod

    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

    #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

Viewing 4 posts - 1 through 4 (of 4 total)

  • You must be logged in to reply to this topic.
Graphene Themes Forum