BrightBox: Change color i Calendar-widget

13 posts from 2 voices

• Started 12 months ago by mcedin
• Latest reply from Ismael
• This topic is not resolved

Tags:

No tags yet.

1. 

   mcedin
   Member

   Some visitors think it´s hard to really se the which days that have events and which don´t.
   So, I want to change colors on dates with events. Just don´t know how.
   - Someone?

   http://www.prismalight.se

   Posted 12 months ago #
2. 

   Ismael
   Moderator

   Hi,

   Is the list below the "Populara Menyval" the one you want to change the color? If that's it, I think we would have a hard-time filtering it, but I'll still try to help you with the best that I can. :)

   Regards,
   Ismael

   Posted 12 months ago #
3. 

   mcedin
   Member

   Thanks for response!

   I should have been more specific:
   http://prismalight.se/?page_id=431

   Would like the daynumbers (or backgrounds) WITH calenderposts have a different color right now they are: 2, 4, 7, 9, 11, 14 and so on...

   Posted 11 months ago #
4. 

   mcedin
   Member

   They are bold now - I would like them to be colored or have a colored background.

   :-)

   Posted 11 months ago #
5. 

   mcedin
   Member

   Colored background is even better.

   Posted 11 months ago #
6. 

   Ismael
   Moderator

   Hi mcedin,

   Kindly add this code in your custom.css:
   

   #wp-calendar tr td {
      background-color: silver !important;
   }

   Just change the color to the color that you want. Hope this helps. :)

   Regards,
   Ismael

   Posted 11 months ago #
7. 

   mcedin
   Member

   But that code gives all the squares the same color.

   I am looking for a way to highlite the dates WITH posts.
   By make the font colored (instead of just slightly bold) or by make only post-dates-squares colorful.

   As You already discovered: CCS is new to me. Thanks for Your patience.

   Posted 11 months ago #
8. 

   mcedin
   Member

   ...CSS is new to me.

   :-)

   Posted 11 months ago #
9. 

   Ismael
   Moderator

   Hi mcedin,

   I think its difficult to filter that only those with events have background color since the td tags don't have class to separate the styling. However, what we can do is to make those with events have a higher contrast and make it bold, we can also increase its font size a bit, and make the rest in the calendar have a lesser contrast.

   Regards,
   Ismael

   Posted 11 months ago #
10. 

    mcedin
    Member

    Thanks!

    Want this:
    "those with events have a higher contrast and make it bold, we can also increase its font size a bit, and make the rest in the calendar have a lesser contrast"

    But how can I make it happen?

    Posted 11 months ago #
11. 

    Ismael
    Moderator

    Hi,

    Try to add this code in wp-content/themes/brightbox/css/custom.css:
    

    #wp-calendar td a {
       color: #222;
       font-weight: bold;
    }
    #wp-calendar td {
       color: #999;
    }

    if it doesn't work, try to add the !important. Hope this helps. :)

    Regards,
    Ismael

    Posted 11 months ago #
12. 

    mcedin
    Member

    Works!
    Thanks!!

    Posted 11 months ago #
13. 

    Ismael
    Moderator

    Hi mcedin,

    Glad that I could help you. :)

    Cheers,
    Ismael

    Posted 11 months ago #

RSS feed for this topic

Reply

You must log in to post.