Adrian

Hi Joe,

Thanks for getting back to me.

We’re planning to use your plugin to display upcoming training sessions for our running club. The calendar view works really well on desktop, tablets, and even mobiles in landscape mode. However, in portrait mode on mobile it switches to a list view, and I’m trying to understand how to control or style that layout.

Since my first post format has changed to this. Which I’m not sur what setting I turned on for it to chage: –

https://drive.google.com/file/d/1hPLiKe0gdZV2cJ52vGsfiykMmlzDWS-I/view?usp=sharing

From reading through your documentation, I assumed this would be using the list template, particularly as I’ve set it to display a list rather than a compact calendar on mobile. However, that doesn’t seem to have affected the layout as expected.

Ideally, I’d like to make some adjustments — for example, moving the number of events to the right of the date, or possibly removing it altogether. For our use case, we typically only have one or two events per day, so that information isn’t especially useful.

I’m aware I could achieve this with custom CSS (as I’ve done with other parts of the calendar), but from your documentation it looks like some of these changes should be possible using PHP templates or Legacy Templates. Unfortunately, I’m struggling to understand how to implement or override these correctly.

Any guidance on the best approach would be much appreciated.

Thanks again.

Thanks for the reply.

I’m a little surprised this isn’t something that could be handled within CSS or the theme’s JSON configuration (which, as I understand it, is the preferred approach for defining styles and behaviour these days), particularly for handling mobile layouts. It feels like something that should be relatively straightforward for the theme to control.

I’m aware of Elementor and have used it before, but I’m trying to avoid adding unnecessary plugins to the new site. The aim is to keep things lightweight and avoid introducing extra complexity or performance overhead. After all, it’s just a running club website, so it shouldn’t require a large number of plugins to handle fairly basic functionality.

Another factor is that some of the site content will be updated by people who aren’t familiar with WordPress. Because of that, I’m trying to keep the editing experience as simple and consistent as possible.

Much of what I’m doing with the redesign is focused on creating a more modern look while avoiding the need to manually style every block. I’ll be creating patterns to make content creation easier, but ideally most of the styling should already be handled automatically by the theme. The more default styling that can be applied globally, the simpler it will be for others to maintain the site.

Thanks again for your help.

George Appiah, are you sure you mean 9% of users would use it? Because that would imply 91% would which would make it even harder to argue against including it.

More broadly, it raises the question: what percentage of users does WordPress consider enough before something becomes a core feature?

Personally, I think it would be genuinely useful to have this built in much like you do in Word, PowerPoint, or Publisher rather than relying on external tools.

One of the frustrations with the Gutenberg editor is that, in trying to simplify things, it often removes functionality that many users still need. The result is that you end up installing extra plugins (often fairly bloated ones like Elementor) or writing custom CSS just to achieve fairly basic things for example, changing a button’s hover state.

Those aren’t advanced developer-only tweaks; they’re pretty standard requirements for modern websites

• This reply was modified 3 months, 1 week ago by Adrian.
• This reply was modified 3 months, 1 week ago by Adrian.
• This reply was modified 3 months, 1 week ago by Adrian.

Good evening

Thank for the reply, however that did not work. Other than the media option being slightly different and choosing a random color to test. It isn’t that much of a changed from I had tried originally. Which I obtained from doing a inspect of my test site.

@media (min-width: 1025px) {
.navbar-nav ul a:hover {
color: green !important;
}
}

Strange how it seems to work fine if inject entry via inspect in chrome but not when added as additional CSS. Also if I apply just the following

.navbar-nav ul a:hover {
color: #ffdd0e;
}

which has not media size specification it works on mobile menu, which is also where it should work but not on main menu on a normal 14″ laptop.

I would love to supply you a link to my site but at the moment it is only a local development as it due to replace our old club one. so until it rebuilt as new it will not be live

• This reply was modified 3 months, 2 weeks ago by Adrian.

Pavel Ciorici 

Thanks for your response.

What I find strange is that I’m seeing the same issue on a version I created first in WordPress Playground. That was a completely brand-new WordPress install (using the light/free version, without a license), and the issue still occurred.

Because I was experiencing the problem on both setups, I decided to post using the live site, as the Playground test site is only accessible to me.

I do understand that our site needs upgrading. I just need to obtain approval from the club before I can proceed with that.

I assumed this forum would at least be monitored by them since it’s there theme and Id expect them to want to make sure that any issues someone might have is not something putting people of using there theme. Happy to try and figure how I contact them directly.

Thanks for your help

Well I’m using it with Elemntor however it does not wish to center if I try to center a container all I get is 2 test images on top of each over. Does not matter what configuration I try weather I use flex box or grid based.

well i should have worked at it a little harder turned out to be much easier than I thought. So for anyone else wishing to do similar i added this to the gallery custom CSS. I’m pretty sure it could be added to themes css if you want to work on all galleries the same. It’s also possible to change these for other screen sizes too but for me mobile where the worst.

@media handheld, only screen and (max-width: 767px) {
.foogallery .fg-image {
    height: 90px;
    width: 140px;
}

PS i also had to make some theme adjustments as well