[Pau]

Hi Geoff, phew!

Finally

`#content-area .tribe-mini-calendar td, #content-area .tribe-mini-calendar th {
padding: 0 !important;
}`

has worked very well, thanks so much for your help and patience!

[Pau]

Of course, you are totally tight, my mistake! Apologies

So, I’ve got the single-event.php (on list folder)

and I’m looking at:

<?php do_action( 'tribe_events_after_the_event_title' ) ?>

<!-- Event Meta -->
<?php do_action( 'tribe_events_before_the_meta' ) ?>
<div class="tribe-events-event-meta">
	<div class="author <?php echo esc_attr( $has_venue_address ); ?>">

		<!-- Schedule & Recurrence Details -->
		<div class="tribe-event-schedule-details">
			<?php echo tribe_events_event_schedule_details() ?>
		</div>

		<?php if ( $venue_details ) : ?>
			<!-- Venue Display Info -->
			<div class="tribe-events-venue-details">
				<?php echo implode( ', ', $venue_details ); ?>
			</div> <!-- .tribe-events-venue-details -->
		<?php endif; ?>

	</div>
</div><!-- .tribe-events-event-meta -->
<?php do_action( 'tribe_events_after_the_meta' ) ?>

I already feel Im abusing your kindness, but dare I ask what line of code to change:

Design: Dalí and Tusquets land at BD
24 May – 31 Dec
Room One, 12-14 Berry Street
London, EC1V 0AU United Kingdom + Google Map

to

Design: Dalí and Tusquets land at BD
24 May – 31 Dec | Room One | London

I’ve tried the following code and then replaced the file via FTP as instructed (theme > events calendar > list > single event

| <h3><?php echo tribe_get_venue( $event_id ); ?></h3> | <h3><?php echo tribe_get_city( $event_id ); ?>

But it didn’t work. I have now restored it to normal.

I’ll totally understand if you feel this goes beyond support, but here we are…

Endless thanks

🙂

[Pau]

Im not sure if that has worked (applied now) Maybe the problem is iPad in landscape mode.

BUT my main problem is the mini calendar padding on the sidebar. Can we fix that? See attached image

Many thanks for your dedicated help. Thanks!

[Pau]

Hi Geoff, many thanks for your committed effort in helping me, really appreciated.

I fear I’m doing something wrong, but I didn’t see any change

Did you mean to add in Divi custom CSS the following?

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) { /* STYLES GO HERE */#sidebar .tribe_mini_calendar_widget {
width: 62% !important; }

I tried separately too, but nothing

and the calendar (apart from the iPad issue) still showing quite big. How can I edit the CSS of the calendar widget?

Sorry for this…

[Pau]

oops, forgot to attach images before

[Pau]

Hi George, thanks

Ok, let’s see, I’m a little confused. I already edited this PHP file in order to have the single events to display like I want it.

I see, near the bottom, this section:

		<!-- .tribe-events-single-event-description -->
			<?php do_action( 'tribe_events_single_event_after_the_content' ) ?>

			<!-- Event meta -->
			<?php do_action( 'tribe_events_single_event_before_the_meta' ) ?>
			<?php tribe_get_template_part( 'modules/meta' ); ?>
			<?php do_action( 'tribe_events_single_event_after_the_meta' ) ?>
		</div> <!-- #post-x -->

Is that what you mean?

will that affect other views? Or just the list view? I don’t see how?

Sorry to be a pain, I really appreciate your help

thanks

PS: the previous edited bit is this one:

	<div class="tribe-events-schedule tribe-clearfix">
		<?php echo tribe_events_event_schedule_details( $event_id, '<h3>', '</h3>' ); ?> | <h3><?php echo tribe_get_venue( $event_id ); ?></h3> | <h3><?php echo tribe_get_city( $event_id ); ?></h3>

		<?php if ( tribe_get_cost() ) : ?>
			<span class="tribe-events-divider">|</span>
			<span class="tribe-events-cost"><?php echo tribe_get_cost( null, true ) ?></span>
		<?php endif; ?>
	</div>

[Pau]

Hi Geoff, thanks

here is the site: http://79.170.44.126/ref-spainculturescience.co.uk/event/goya-visions-flesh-blood/

when applying this code the only thing that happens is the vertical padding just on the days goes to 0, the rest of the calendar stays the same (so, not applied now) see attached images

the main problem is the width, which is gets too big when seen in iPad

the aim is to have a mini calendar

I did read this post https://theeventscalendar.com/knowledgebase/styling-events-widgets/ but does not help with the size

or this, which seems a very similar problem but didnt work either: https://theeventscalendar.com/knowledgebase/calendar-widget-overflows-the-sidebar/

(is the mini-calendar same as Events Calendar widget on PRO version?)

As you can see, is proving difficult…

[Pau]

I want to say I went to the forums and read some threads already, but none of the below codes on custom CSS seems to work:

.tribe-mini-calendar-event .list-info h2 {
font-size: 14px !important;
}

table.tribe-mini-calendar td,<br/>table.tribe-mini-calendar th {<br/> padding: 0.34em 0.6em;<br/>}

.tribe-mini-calendar-event .list-info h2,
.tribe-mini-calendar-event .list-info h2 a {
font-size: 14px !important;
}

.tribe-mini-calendar-wrapper {
width: 100%; /* Adjust to the size the fits */
}

[Pau]

Hi George, yes that’s right. I want to edit this block on list view mode

I want to edit this block to keep consistency with the rest of (already edited) events views on the site (as in photo view or single event)

thanks

[Pau]

Hi George, reins taken, problem sorted, big thanks to you for patience and kindness.

All the best

Pau

[Pau]

Hi George, this is awesome, many thanks!

I think I managed to do it, see here: http://79.170.44.126/ref-spainculturescience.co.uk/event/design-dali-tusquets-land-bd/

Now a very stupid final question if you don’t mind: I’m trying to get the venue and city same as date, but somehow I don’t manage it; could you please have a quick look at this and tell me whats wrong? (Final question, I promise!):

	<?php the_title( '<h2 class="tribe-events-single-event-title">', '</h2>' ); ?>

	<div class="tribe-events-schedule tribe-clearfix">
		<?php echo tribe_events_event_schedule_details( $event_id, '<h3>', '</h3>' ); ?><br />
		<?php echo tribe_get_venue( $event_id, '<h3>', '</h3>' ); ?>, <?php echo tribe_get_city( $event_id, '<h3>', '</h3>' ); ?>

		<?php if ( tribe_get_cost() ) : ?>
			<span class="tribe-events-divider">|</span>
			<span class="tribe-events-cost"><?php echo tribe_get_cost( null, true ) ?></span>
		<?php endif; ?>
	</div>

• This reply was modified 9 years, 10 months ago by Pau.
• This reply was modified 9 years, 10 months ago by Pau.
• This reply was modified 9 years, 10 months ago by Pau.
• This reply was modified 9 years, 10 months ago by Pau.
• This reply was modified 9 years, 10 months ago by Pau.

[Pau]

Dear George,

Yes, I’m aware that I ned to customise at my end, and I’m thankful if you can help me to get it going. Im aware of the blocks bottom page with fine details of venue, map, etc…

What I exactly want is, At the TOP of the page (before scrolling down) where it says:

Toronto Coffee & Code
June 16 @ 3:00 pm – 6:00 pm
|Recurring Event (See all)

to say:

Toronto Coffee & Code
16 June
Early Bird Coffee, Toronto

I understand that this also depends on of the settings and the timing of the event, if is recurrent, etc.. And that I’ll need to fine tune it…

But you get the basic idea

Many thanks for your interest and help

Yours,

• This reply was modified 9 years, 10 months ago by Pau.

[Pau]

yes, ok, im working on a developer site till ready to move to proper URL (didnt thought about that); thanks for the valuable advice

BUT no, I dont see the venue and city on the link you passed: http://wpshindig.com/event/coffee-code/2016-06-16/

it says:

Toronto Coffee & Code (title)
June 16 @ 3:00 pm – 6:00 pm
|Recurring Event (See all)

[Pau]

I added the code snippet into the Divi Custom CSS and it did work, thanks!

(still don’t know why the padding changed when updated the plugin)

all good for now, thanks again

[Pau]

Ok, understood. Thanks!

Can you just let me know the following? : lots of code to edit seems to be on the single-event.php file, but depending on what you change, it needs to be saved in different locations on my theme directory?

Maybe you can tell us how to deal with editing the single-event.php file for different aspects?

For example, i already edited this file for list events view, and save it at /public_html/wp-content/themes/spainish-culture-uk-child/tribe-events/pro/widgets/modules; so how it affects if I save this file in different locations?

Does that makes sense, or am I very confused?

I appreciate your patience

🙂

[Author]

Posts