This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Event calendar forthcoming dates formatting broken

Resolved 7 replies themetheme-vantage
Biodun Sean Onipede
11 years ago · Last reply by Biodun Sean Onipede 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 11 years, 4 months ago

    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. Biodun Sean Onipede 11 years, 4 months ago

    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. Andrew Misplon Staff 11 years, 4 months ago

    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. Biodun Sean Onipede 11 years, 4 months ago

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

  5. Andrew Misplon Staff 11 years, 4 months ago

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

  6. Priti Gupta 11 years, 4 months ago

    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. Biodun Sean Onipede 11 years, 4 months ago

    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.

Have a different question or issue?

Start New Thread