[Closed] Aligning elements

[Author]

Posts

[iyanuA]

Hello. Thank you so so much Nigel. I really appreciate your patience and professionalism.
Please still go in and check the page. I have used the method you suggested. And it has presented the View ok.

However, I tried my best to put both the current date and the liturgical color together and center them but it kept stacking them even on the laptop.
I had all made in View before. When i would not work, i had to have the date done in Elementor, and the Liturgical color (and its color ) in Views - you can still see that the liturgical color is still aligned left. I would have loved an order of current date (which i pulled through [current_date] shortcode) right, Liturgical color left at the top, followed by Title in the next line, followed by the Collect in the next line and the Audio in the next line.

Even all the spacing i gave the contents from View are not applying. Can you look into this for me.

I have learnt alot from you. Thank you

[Nigel]

The screenshot is how it looks currently.

Am I correct in understanding that you would like the layout to be something like:

Liturgical color           Current date
           Title
The Collect
Audio

[iyanuA]

Hi Nigel;

More like:

Current date Liturgical color
Title
The Collect
Audio

As it it, I have the date as an separate element in elementor to avoid it getting stacked as it is on all devices

But What I would want is to have the whole lot come with the view. Meaning the date comes with the pack.

[Nigel]

I didn't delete what you already have, but have essentially duplicated it below your existing View output, with the layout that you described.

I used a Grid element to be able to add left-aligned and right-aligned content on the same row, which you can hopefully see when you check the template.

Is that what you were aiming for? (I leave changing font sizes etc. to you.)

[iyanuA]

Thank you so much for this. I am learning alot from you. I have a couple more projects to achieve with Toolset. I hope i get you as my support.
I have checked. Thank you for the effort.
The result right now: It is fine on Chrome (Image 1), Mozilla is off (Image 2), Safari is also off (image 3)

[Nigel]

I'm not seeing the same problem with Safari or Firefox (screenshots).

Perhaps it is a caching issue in your case and you need to clear the browser cache?

[iyanuA]

Hello. Thank you
I don't know exactly what you did but it has gone back to stacking even on Chrome. Please take a look

[Nigel]

I haven't made any further changes to your site.

I just logged in now to check but I see that you are editing the home page and it is locked.

You might check the post revisions to see if you can revert to the version from a few days ago when it was working.

[iyanuA]

Hi Nigel.. thanks for all you do.

Please if you are going to check to inspect or fix, just take over the edit. Its important to get the issues resolved. So please just go ahead and take over the page.

Aside my earlier complain, i also noticed (and some of my colleagues have tested with multiple computers) that the whole thing is stuck on Thursday September 12, on desktop (both date and Collect). it is not changing. Where as, the mobile is changing.

[Nigel]

Sorry, I no longer have the details to access your site (they are automatically removed from your older tickets for security, and I now need to log back in again).

Can I get admin credentials from you again, please. I've set a private reply.

[Nigel]

Thank you for that.

I looked at your site this morning, and see the problem that it is still showing Thursday 12 September as the date.

As far as I can see, you are using a custom shortcode to output that date, which is simply generated using the PHP date function.

I don't see how it is possible that the shortcode could actually be outputting that date today.

I see you have caching on your site, and I assume what is being displayed must be coming from the cache. I tried clearing the cache, and have returned to the site now—some hours later—to check again, but it still shows the 6-day old date.

I don't know how many layers of cache you are employing, but I suggest you try disabling any and all caches that operate on this site, to verify that what is output by the shortcode has today's date (whenever today is).

Then you can try to determine the optimal settings for your cache(s).