Vertical alignment in the widget

[Etienne]

Hi,

I’m having a problem with the vertical alignment of the cells in the widget table. The dates are not centered vertically despite the fact that I can see in the CSS (vertical-align: middle). I made some changes in the CSS (I copied the file to my theme folder, as we’re supposed to do), but only some color changes. When I rename my custom CSS in order to get the default CSS back, the vertical alignment stays the same.

Does someone know how to get real centered cells in the widget table?

Thanks!

[url=http://postimage.org/][img]http://s17.postimg.org/4horws2y7/Capture.png[/img][/url]
[url=http://postimage.org/index.php?lang=french]image gratuite à télécharger[/url]

[url=http://postimage.org/][img]http://s17.postimg.org/t4p88327j/Capture2.png[/img][/url]
[url=http://postimage.org/index.php?lang=french]image gratuite à télécharger[/url]

Someone know

[Etienne]

Oops, impossible to edit and something’s not right with my post…

The first image is with the default WordPress theme and the second one is with my theme on.

http://s17.postimg.org/4horws2y7/Capture.png
http://s17.postimg.org/t4p88327j/Capture2.png

[Brian]

HI,

Sorry for the issues you are having.

Do you have a link to your site with the mini calendar show?

I maybe to look at the css and figure out a way around this.

Thanks

[Etienne]

Hi,

Here is my temp website, you’ll see the widget in the sidebar.

Thanks!

[Brian]

Ok thanks.

I took a look and it looks to be a css padding issue.

I tried this css from my browser tools and it fixed the issue:

.tribe-mini-calendar .tribe-mini-calendar-no-event {
padding: 8px 0;
}

Add that css to your theme’s stylesheet or through a plugin such as Simple Custom CSS.

Let me know if that helps.

Thanks

[Etienne]

Hi,

It worked, and I managed to find the solution for the days of the week row, too. Thanks!

I noticed that when I put this CSS code in my custom widget-calendar.css, it doesn’t work, but when I put it in my theme’s custom CSS in the dashboard, it works; would you know why the custom widget-calendar.css doesn’t do it?

Thanks again!

[Brian]

Great glad it helps.

For the widget css. Check to see if it is in this directory:

/yourtheme/tribe-events/pro/widget-calendar.css

Since this is marked resolved I am going to close this ticket, but if you need anything else related to this topic or another please post a new topic on the forum and we can help you out.

Thanks

[Author]

Posts