Modify pro css

[oniregoc]

Hello

I am trying to modify without success until now the css of the pro/widgets/modules/single-event.php

in line 32 :

<h2 class="entry-title summary">
			<a href="<?php echo esc_url( tribe_get_event_link() ); ?>" rel="bookmark"><?php the_title(); ?></a>
		</h2>

adding this in my child theme tribe-events/tribe-events.css doesn’t work:

h2.entry-title.summary a { font-size: 6px !important;}

is it because I need to create specific css for pro version ? or something wrong in my css ? or both ?

You can see the problem here:

entry-title

Thanks

[Geoff]

Hello @oniregoc and thanks for getting in touch!

Give this a try instead:

.tribe-events-adv-list-widget #theme-page h2 {
font-size: font-size: 6px !important;
}

I would suggest adding using a stylesheet override for the plugin (more on that in our Themer’s Guide) so your work is saved if any changes are made to the theme, but you can also add that directly to your theme’s stylesheet if you’d like.

Will that work for you? Please let me know. 🙂

Geoff

[oniregoc]

Hello,

doesn’t work.

also as I told you, I add it in my child theme in tribe-events/tribe-events.css

also tryed this with no success:

.tribe-events-adv-list-widget #theme-page h2 a{
font-size: 6px !important;
}

by the way I am using event-rocket plugin too…

[Geoff]

Hi @oniregoc,

The #theme-page ID is overriding the calendar’s CSS which is causing the size to be 30px instead of 6px.

Another way to go about it would be to create an override of the widget template and change the H2 markup to something else, like a H3 or some smaller than the current heading.

Geoff

[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