Style the Updoming Events
Cynthia Lockley created the topic: Style the Updoming Events
Please give us a way to style the Upcoming Events widget. I'd like to be able to specify the link color and the height of the boxes.
Right now there is too much white space above each event title and too much white space following the description, which makes the widget a long scroll.
I'd like to be able to specify the color of the link for the event title and for "See more".
Thanks.
Please Log in or Create an account to join the conversation.
- Topic Author
- Cynthia Lockley
- Offline
- Junior Boarder
- Posts: 27
- Thank you received: 1
8 years 11 months ago
Support replied the topic: Style the Updoming Events
Dear Cynthia,
In spider-event-calendar/spidercalendar_upcoming_events_widget.php file you can fine styling css for upcoming event widget.
Best regards,
Web-Dorado team
Joomla extensions ,
Wordpress plugins ,
Drupal modules
Please Log in or Create an account to join the conversation.
8 years 11 months ago
Cynthia Lockley replied the topic: Style the Updoming Events
I have looked at the css and have tried the following additions / modifications but the link colors in the widget are not matching my website theme's link colors--they are still black:
'title_color' => '3051f2',
#title<?php echo $id?>:hover{
background:none ;
color: #07bd68;
text-decoration:underline;
}
a:link {
color: #3051f2;
}
a.tb-theme-preview-link {
color: #3051f2;
}
a:hover {
color: #07bd68;
text-decoration:underline;
}
a.tb-theme-preview-link:hover {
color: #07bd68;
text-decoration:underline;
}
What css needs to be edited to get the colors I want the widget to use?
Please Log in or Create an account to join the conversation.
- Topic Author
- Cynthia Lockley
- Offline
- Junior Boarder
- Posts: 27
- Thank you received: 1
8 years 11 months ago
Cynthia Lockley replied the topic: Style the Updoming Events
Ah--I finally got it to work by deleting the
color:#<?php echo $title_color?> !important;
in #title<?php echo $id?>:link,
#see_more<?php echo $id?>
and adding !important to the rest of the styles.
#title<?php echo $id?>:link,
#see_more<?php echo $id?>
{
font-size:<?php echo $title_size?>px;
font-family:<?php echo $title_font?>;
/* color:#<?php echo $title_color?> !important;*/
text-decoration:none;
}
#title<?php echo $id?>:hover{
background:none ;
color: #07bd68 !important;
text-decoration:underline;
}
a.tb-theme-preview-link {
color: #3051f2 !important;
}
a.tb-theme-preview-link:hover {
color: #07bd68 !important;
}
Please Log in or Create an account to join the conversation.
- Topic Author
- Cynthia Lockley
- Offline
- Junior Boarder
- Posts: 27
- Thank you received: 1
8 years 11 months ago