Hi guys,
I have trouble center aligning some content on my website.
The website is: [https://www.obstrestadhucarte.dk/schedule/])
I want to center align both titles and time of the event in each box.
I have tried using following CSS, but it only align the titles and not the time of the event:
\#wcs-app-2 > div > div {
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}
I can get specific times center aligned by copying the selector, but I can’t use the class (.wcs-class\_\_time) to do it on every timestamp:
\#wcs-app-2 > div > div > div:nth-child(2) > div.wcs-day.wcs-day–3 > div > div.wcs-class.wcs-class–filterable.wcs-class–not-started.wcs-class–not-finished.wcs-class–term-id-129.wcs-class–term-blaa.wcs-class–term-id-113.wcs-class–term-budolfi-cathedral.wcs-class–term-id-115.wcs-class–term-thursdag.wcs-class–day-3.wcs-class–time-evening.wcs-class–slots-6 > time {
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}
Any ideas how to get both things centered in every box?
Really hope that someone can help me!
I also struggle with getting the boxing stretched down over each other to show that they’re an hour long. The plugin doesn’t have the option to do so. Any ideas how?
[ad_2]