How To Make A Simple Edit To A Widget

  • jloshea

    (@jloshea)


    12 years, 5 months ago

    Hello,
    I’ve recently installed the Plugin Gigs Calender. It works great apart from the side widget.

    Unfortunately the Widgets text colour is the same as the background and as a result the dates for gigs can’t been seen.

    Can someone please tell me how I change the widget so I can fix this? I’ve look in the editor section in my WordPress and just don’t know where to look.

    The site is http://www.johnoshea.com if you go to the ‘Gigs’ Widget on the right and highlight all the text you’ll see what the problem is.

    Also, yes, I have tried contacting the maker of the widget for weeks now both directly and on his site but have had no response, hence me using this forum.

    Thanks,

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator t-p

    (@t-p)

    12 years, 5 months ago

    check css in the plugin’s folder, if there is one.

    Thread Starter jloshea

    (@jloshea)

    12 years, 5 months ago

    Hi t-p,
    Thank you for your response.

    I don’t think there is a CSS file or at least I couldn’t find one.

    I’ve attached screen shots of all the files I found for this plugin so you can see what’s files are there.

    http://img15.imageshack.us/img15/4435/98140556.jpg
    http://img403.imageshack.us/img403/2720/26353237.jpg
    http://img266.imageshack.us/img266/7760/65039004.jpg
    http://img692.imageshack.us/img692/9882/26734766.jpg

    Thanks

    fyllhund

    (@fyllhund)

    12 years, 5 months ago

    you had one 😛 css ( stylesheet) in the last screenshot

    Thread Starter jloshea

    (@jloshea)

    12 years, 5 months ago

    Isn’t that RSS? No wait I see what you mean now lol

    Here’s the CSS. I’m not great at this sort of thing so can someone please tell what I need to edit or add please. Thanks.

    div.attribution, div.gigs-rss {
    text-align: center;
    font-size: 87%;
    margin: .5em 0px;
    }

    div.gigs-rss img {
    position: relative;
    top: 2px;
    }

    div.attribution span {
    margin: 0px 1em;
    }

    table.gigs {
    width: 100%;
    text-align: left;
    font-size: .9em;
    border-collapse: collapse;
    border: 1px dotted #666;
    }

    table.gigs td.icon {
    width: 18px;
    text-align: center;
    }

    table.gigs td.time {
    text-align: right;
    }

    table.gigs a {
    font-weight: bold;
    }

    table.gigs a img {
    border: 0px;
    }

    table.gigs tr.gig {
    border-top: 1px dotted #666;
    }

    table.gigs td.shortNotes {
    padding-left: 4px;
    }

    .bold {
    font-weight: bold;
    }

    img.buy {
    position: relative;
    top: 3px;
    }

    table.gigs caption {
    font-weight: bold;
    font-size: 125%;
    text-align: left;
    }

    table.gigs caption div.notes{
    font-weight: normal;
    font-size: 80%;
    text-align: left;
    }

    table.gigs, div.no-gigs {
    margin-bottom: 1em;
    }

    /** Next Gig Widget **/
    .gig.next {
    padding-left: 10px;
    }

    fyllhund

    (@fyllhund)

    12 years, 5 months ago

    nvm.
    .art-BlockContent-body ul li {
    color: #000000;
    }

    simply add this or whatever color you want and you´ll see the dates if that is what you mean.

    and this seems to be your themes css file.

    Thread Starter jloshea

    (@jloshea)

    12 years, 5 months ago

    Hi fyllhund,
    It’s the right handside “Gigs” widget.

    You should see the words

    ” London, Acton – Test
    London, Acton – Test”

    But you can’t see the ‘Nov 10’ before it says ‘London’ because it’s in white.

    Thread Starter jloshea

    (@jloshea)

    12 years, 5 months ago

    I wasn’t sure where to add it in the CSS so I just put at the end

    /** Next Gig Widget **/
    .gig.next {
    padding-left: 10px;
    }

    nvm.
    .art-BlockContent-body ul li {
    color: #000000;
    }

    But it didn’t work

    fyllhund

    (@fyllhund)

    12 years, 5 months ago

    well you already have a .art-blockcontent-body ul li { in your themes css file.

    try finding it ctrl f (.art-blockcontent-body ul li

    and then insert color : # 000 ; in the css file.

    .art-BlockContent-body li {
    color: #000000;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 12px;
    text-decoration: none;
    }

    inserting it there works aswell.

    otherwise in the text widget or whatever you are using insert <style>.art-BlockContent-body li {color:000;}</style>

    Edit. Don’t copy the nvm. 😛

    Thread Starter jloshea

    (@jloshea)

    12 years, 5 months ago

    Hi fyllhund,
    The .art-blockcontent-body ul li edit worked 🙂

    Thank you for taking the time to help me, very much appreciated.

    Thanks again!

    fyllhund

    (@fyllhund)

    12 years, 5 months ago

    No problem. Good luck with the site!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How To Make A Simple Edit To A Widget’ is closed to new replies.