Docs

[DwayneDibbley]

in the 16 theme my events widget looks like this:

in the x theme is seems to fatten each box ( almost square ) like this:

is there any css that can be tweaked to reduce the size of each element somehow? ive looked in inspector but can not see anything obvious related to height?

Thanks

[Thai]

Hi There,

Please provide us with your website URL so we can take a closer look.

Thank you.

[DwayneDibbley]

This reply has been marked as private.

[John Ezra]

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

ol.tribe-list-widget li {
    padding:0
}

ol.tribe-list-widget li h4 {
    margin: 5px auto;
}

.widget ul li, .widget ol li {
    background: transparent;
    border: none;
}

ol.tribe-list-widget {
    border: none;
}

Hope this helps – thanks!

[DwayneDibbley]

Excellent, many thanks again 🙂

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[DwayneDibbley]

one last thing, trying to change the event title font size with:

.tribe-events-adv-list-widget h4.entry-title a {
font-size: 5px;
}

but it does not seem to take ? the x theme is still overriding it?

Thanks

*** edit ***

cancel that found it thanks:

ol.tribe-list-widget li h4 {
margin: 5px auto;
}

[Nabeel A]

Hi again,

Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.widget.tribe-events-list-widget h4 {
    font-size: 15px !important;
}

Let us know how this goes!

[Author]

Posts