Arabic header

[hdraye]

Hi
I need to show “Events for ***” to the right side and “View As” to the left side please

How can I do that via CSS

Also I would like to hide small date boxes in widget to use the space for longer event titles so they dont wrap
Changing font size instruction will be helpful too, but the ones I found in forums dont help (maybe out dated)

regards

[Geoff B.]

Good evening Hani and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

The fastest way to do this would be to have the URL to your website (in a private reply if you prefer).

Even better if you could give me an example of a page where you would like to change the font size.

Have a good week-end,

Geoff B.

 

[hdraye]

Hi
the url is http://www.riyadhkey.com/events

Here is what I would like to do please
1 in Header either reverse Title and View As places, or Make Title in Center and removr View As and date boxs

2 In event Detail page have the title in Center and smaller font for Date

3 in Widget either remove date box to se space for long event name not to wrap, or have a smaller event name font

Thanx

Hani

[Geoff B.]

Good evening Hani,

Thank you for the extra details.

Here are the suggested CSS rules to accomplish what your looking for:

1.

.tribe-bar-disabled {
float: left;
}
.tribe-bar-is-disabled .tribe-events-page-title {
float: right;
}

2.
.single-tribe_events .tribe-events-single-event-title {
text-align: center;
}
.tribe-events-schedule h2 {
text-align: center;
font-size: 17px;
}

3. Smaller size
.tribe-mini-calendar-event .list-info h2 {
font-size: 13px;
}

Remove date icon

.vc_sidebar .tribe-mini-calendar-event .list-date {
display:none;
}

Let me know how that goes.

Best regards,
Geoff B.

[hdraye]

Thanx

All worked fine but #3, both instructions made no difference.

[Geoff B.]

Good evening Hani,

I’m happy to see that #1 and #2 accomplished what you were looking for.

For #3, could you please try the following modified CSS rules ?

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

Remove date icon

.tribe-mini-calendar-event .list-date {
display:none !important;
}

Let me know how that goes.

Best regards,
Geoff B.

[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