[mlfa]

I reduced the padding from 10px to 2px and that seemed to get the height issue under control. Thank you, again.

[mlfa]

Perhaps I can get rid of the extra padding beneath each listing?

[mlfa]

YES! That brought the blue back to normal. The height is a little messed up, but I can live with it for now (until I have time to figure out if I want to make the other widgets taller or try to tame the calendar widget to make it smaller).

[mlfa]

Oh, and thank you, by the way.

[mlfa]

That seemed to get it somewhere… the white background is back, but I think it’s putting it over the entire widget (header block and content portion), which is making the header block look lighter than the other two widgets. When I ran across this the first time, it was because the calendar was styling the ol and li together and I separated them out, so the li was the only one getting the white background treatment.

How can I achieve this with this new version?

[mlfa]

I created the /theme/tribe-events/pro folder when I customized the widget the first time. It was reading the tribe-events-pro.css file and adding the white background to the widget. Now, it is not and I’m not a programmer so this is really confusing. Everything seems to look fine except the background. All I need to do is add the white background with opacity:0.8 for the widget.

I edited and uploaded tribe-events-pro-full.css and tribe-events-full.css to the /pro folder under my theme and the background did not become white.

[mlfa]

Where do I find the ecp-list-widget file? is that a css, php, or other file type (what extension should I look for)?

Thank you!

[mlfa]

I still have the custom CSS in the template/tribe-events/pro folder tribe-events-pro.css but it doesn’t seem to be fully registering.

Here is the customer CSS

/* .tribe-events-adv-list-widget-3 { height: 400px; } */

.tribe-events-adv-list-widget ol {
list-style:none;
background-color: #fff;
opacity:0.8;
filter:alpha(opacity=80);
height: 400px;
/* padding: 10px; */
}

.tribe-events-adv-list-widget li {
list-style:none;
background-color: #fff;
opacity:0.8;
filter:alpha(opacity=80);
/* height: 380px; */
padding: 10px;
}

[mlfa]

Oh, and the widget is on the home page (the center widget)

[mlfa]

That worked! The style sheet has ol and il together. I separated them, duplicated the attributes, and added the height parameter to the ol and it worked. Thank you.

[mlfa]

I tried:

.tribe-events-adv-list-widget { height: 400px; }

But it didn’t work.

What was happening before is that I had the height listed in the

.tribe-events-adv-list-widget ol li

and that just made each list item the indicated height, not the widget block.

[mlfa]

OK, I fixed that problem, but how do I get the widget to be a specific height?

[mlfa]

Worked. Thanks! 🙂

[mlfa]

Yes, I believe this will help. Thank you! 🙂

[mlfa]

OK. I got something started, but knowing exactly which CSS file the plug-in uses for the widget would really really help (so I can pull all the variables and adjust them to make them look like the other widgets).

[Author]

Posts