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.

#25023

Please Log in or Create an account to join the conversation.


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

Please Log in or Create an account to join the conversation.


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?

#25118

Please Log in or Create an account to join the conversation.


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;
}

#25119

Please Log in or Create an account to join the conversation.


Time to create page: 0.184 seconds
Powered by Kunena Forum

WORLD-CLASS SUPPORT

We are here for you every step of the way. Turn to our support with any questions you might have about our products and services. Our experienced customer care team is available to help you as fast as we possibly can.

Contact us