Home>Support>Event calendar forthcoming dates formatting broken

Event calendar forthcoming dates formatting broken

By Biodun Sean Onipede, 10 years ago. Last reply by Biodun Sean Onipede, 9 years ago.

Please see http://www.nltkd.com/
The Upcoming Events has the numbering on a line higher than the event text, plus I cannot seem to set the font size of the event title. It apparently takes the formatting from the theme??? Any help before I go back to the event calender plugin authors for solution.

URL: http://www.nltkd.com/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 2 days ago Andrew Misplon
    Hi, I Work Here

    Hi

    Please give the following a try under Appearance > Custom CSS to resolve:

    .widget_tribe-events-list-widget ol {
list-style: none;
margin-left: 0;
}

.widget_tribe-events-list-widget ol li {
margin-left: 0;
}
  2. 10 years, 2 days ago Biodun Sean Onipede

    that removed the numbering.
    A little better than having the numbers all alone but not the ideal soluton. (it is not a critial issue for my site)

  3. 10 years, 2 days ago Andrew Misplon
    Hi, I Work Here

    The theme’s CSS is taking priority here. Here are the other selectors you could edit:

    .entry-content .widget_tribe-events-list-widget a {
color: #1e73be;
}

.entry-content .widget_tribe-events-list-widget a:hover {
color: #f47e3c;
}

.entry-content .widget_tribe-events-list-widget h4 {
font-size: 1.4em;
}
  4. 10 years, 2 days ago Biodun Sean Onipede

    thanks, i have had a fiddle and even aligned the text to the right. I am content for now. Thanks again

  5. 10 years, 2 days ago Andrew Misplon
    Hi, I Work Here

    For sure. Glad that mostly helped. All the best.

  6. 9 years, 11 months ago Priti Gupta

    Hi Biodun,
    Can you share the code that helped you to right-align the events? I’d like to try it out and see if it looks better. Thanks.

  7. 9 years, 11 months ago Biodun Sean Onipede

    I simply added

     text-align: right;

    to the above

    .widget_tribe-events-list-widget ol {
list-style: none;
margin-left: 0;
text-align: right; 
}

.widget_tribe-events-list-widget ol li {
margin-left: 0;
text-align: right;  
}

.entry-content .widget_tribe-events-list-widget a {
color: #299bff;
}

.entry-content .widget_tribe-events-list-widget a:hover {
color: #f47e3c;
}

.entry-content .widget_tribe-events-list-widget h4 {
font-size: 1.1em;
}​
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More