WordPress.org

1. jloshea
   Member
   Posted 6 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,

2. t-p
   Member
   Posted 6 months ago #

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

3. jloshea
   Member
   Posted 6 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

4. fyllhund
   Member
   Posted 6 months ago #

   you had one :P css ( stylesheet) in the last screenshot

5. jloshea
   Member
   Posted 6 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;
   }

6. fyllhund
   Member
   Posted 6 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.

7. jloshea
   Member
   Posted 6 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.

8. jloshea
   Member
   Posted 6 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

9. fyllhund
   Member
   Posted 6 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. :P

10. jloshea
    Member
    Posted 6 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!

11. fyllhund
    Member
    Posted 6 months ago #

    No problem. Good luck with the site!

Reply

You must log in to post.