Course list widget CSS

[John Paul]

Hi

I added some CSS code to my widget-calendar child sheet in order to get the right look my client was after. On the 22″ monitor and mobile view it looks fine.. However on 17″ and ipad landscape the text all bunches up..

http://ltdesigns.eu/events/

here is the code I have in the stylesheet

/* TRIBE EVENTS – WIDGET CALENDAR CSS FILE
Change the widget title colour and size */

.tribe-events-adv-list-widget .list-date {
display: none;
}
.tribe-events-adv-list-widget h3.widget-title {
padding-top: 1px;
}
.tribe-events-adv-list-widget h2.entry-title.summary {
margin-bottom: 0px;
padding-bottom: 3px;
font-weight: normal;
font-size: 120%;
}
.duration {
font-size: 90%;
}
.list-info a:hover{
background-color: #f1f1f1 !important;
padding-left: 2px;
padding-right: 5px;
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #dfdfdf;
}
.tribe-mini-calendar-event {
border-bottom:1px dotted #8cabab !important;
}
.tribe-mini-calendar-event .list-info {
width: 100%;
}
.tribe-events-adv-list-widget .tribe-events-event-cost {
font-size: 90%;
}
.tribe-events-adv-list-widget .type-tribe_events, .tribe-mini-calendar-list-wrapper .type-tribe_events {
height: 4em;
}

perhaps I should have added some media queries..what would you recommend?? many thanks …..

[John Paul]

I shold have added that the list resizes a lot better when viewed on the Home page…but for some reason on the event views it is poor

[Nico]

Hey John,

I’m sorry but we cannot support users custom code 🙁

That being said I’ll give you a quick tip, but please bear in mind I will not be able to follow-up much on this:


.tribe-events-adv-list-widget .type-tribe_events {
height: auto!important;
}


Hope that helps,
Have a great weekend,
Nico

[John Paul]

many thanks

did the trick nicely

[Nico]

Stocked to hear that fix worked out as expected 🙂

I’ll go ahead and close out this thread, but if you need help with anything else please don’t hesitate to create a new one and we will be happy to assist you.

Cheers,
Nico

[Author]

Posts