Hi <\/p>\n
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..<\/p>\n
http:\/\/ltdesigns.eu\/events\/<\/p>\n
here is the code I have in the stylesheet<\/p>\n
\/* TRIBE EVENTS – WIDGET CALENDAR CSS FILE
\n Change the widget title colour and size *\/<\/p>\n
.tribe-events-adv-list-widget .list-date {
\n\tdisplay: none;
\n}
\n.tribe-events-adv-list-widget h3.widget-title {
\n\tpadding-top: 1px;
\n}
\n.tribe-events-adv-list-widget h2.entry-title.summary {
\n margin-bottom: 0px;
\n padding-bottom: 3px;
\n font-weight: normal;
\n font-size: 120%;
\n}
\n.duration {
\n font-size: 90%;
\n}
\n.list-info a:hover{
\n background-color: #f1f1f1 !important;
\n padding-left: 2px;
\n padding-right: 5px;
\n padding-top: 4px;
\n padding-bottom: 4px;
\n border: 1px solid #dfdfdf;
\n}
\n.tribe-mini-calendar-event {
\n border-bottom:1px dotted #8cabab !important;
\n}
\n.tribe-mini-calendar-event .list-info {
\n width: 100%;
\n}
\n.tribe-events-adv-list-widget .tribe-events-event-cost {
\n\tfont-size: 90%;
\n}
\n.tribe-events-adv-list-widget .type-tribe_events, .tribe-mini-calendar-list-wrapper .type-tribe_events {
\n height: 4em;
\n}<\/p>\n
perhaps I should have added some media queries..what would you recommend?? many thanks …..<\/p>\n","protected":false},"template":"","class_list":["post-1015313","topic","type-topic","status-closed","hentry"],"yoast_head":"\n