Cannot find the CSS file to modify the Widget for Event List

[bodin]

Hi,

I’ve searched and searched without the success to find the CSS class “entry-title summary” that is used in the Widget “Events List”.
I am doing testing of the ECP 3.0 version locally on my laptop and I’ve discovered that for the WordPress theme that I use, StartUpPRO, the “title” for the Events listed become extremely large. When I do an inspection (Safari) of the code of the page, I see that it is using:

h4 class=”entry-title summary”

The challenge is that I cannot find this is any CSS file I’ve looked into.

Would appreciate for any kind of help!

Sincerely,
Andreas

[reid peifer]

Hey Andreas
I think I just replied to you in another thread. I’m glad you started a unique one so that we can solve your specific problem.

Without seeing your code directly, I’m doing a little guessing here, but this should work. Add the following code to your theme’s stylesheet and you should be good to go.

.tribe-events-list-widget-events h4.entry-title{
PUT YOUR CSS CODE HERE
}


[bodin]

Hi again Reid!

Thank you for taking the time to answer my question.
I put your suggested example above into my theme’s style.css. Unfortunately it did not work.
One thing that puzzles me is, how can a class name contain spaces?
The code I see in the Chrome inspector states:
I didn’t think that class names could contain spaces. 🙂

Again, thank you for your effort to try and help out!

Sincerely,
Andreas

[bodin]

Hmm… the page cleared out the html tags. 🙂

What I wrote was:
< h4 class=”entry-title summary” >

ps. How did you get the fancy yellow box with the code in the post? ds.

[snorton]

Hey bodin, the space simply signifies multiple classes applied to the same tag (one class is entry-title and the other is summary).

Sorry for jumping in this post, but I’ve been hovering around this forum for a while looking for answers and enjoy putting in my two cents when I can.

[bodin]

Thanks snorton! No worries for jumping in! I appreciate all the help I can get. 🙂

[reid peifer]

Thanks for helping out snorton.

When you have an element in your html with a space like yours, that means the h4 has 2 classes; entry-title and summary.

When you’re writing css and you use 2 selectors (Ids or classes) your referencing specificity.
Think of it as parents & children.
.tribe-events-list-widget-events h4.entry-title { css stuff }
This is trying to style the H4 with a class entry-title within a parent element with the class .tribe-events-list-widget-events

If you want to zip up and shoot me your theme, I’ll be happy to take a look.

[reid peifer]

note – if you use the code tag in the forum, you can paste in code without it being stripped.

[bodin]

Thank you very much Reid for your answers! I’m learning more and more. 😉

I’ll see to it that I zip up the theme (the folder) and send it to you.

[bodin]

File zipped, but how do I send it to you Reid?

[reid peifer]

Hi Bodin
You can either share a dropbox link or email it to me at reid AT tri.be

[bodin]

Hi Reid,
I’ve now updated to the latest versions of the plugins on my production environment now. You can see effect it has on the title of the Events in the right hand widget bar (www.bomscandinavia.com).
Since I want to have it in normal size, maybe not making it use the <h4> tag will put it all back to normal, don’t you think?

[bodin]

I found the solution! 🙂
I did an over-ride of the list-widget.php where I replaced the
<h4 class="entry-title summary" >
with a simple
<div >
This made me get it the way I wanted it to be! 🙂

So you can close this question!

Sincerely,
Andreas

[Barry]

Great – thanks Andreas!

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts