Solved Divi Post Slider Meta

thanks for checking. I saw the same.
I turned off the css hack and turned elements off, then cleared all the caches. The text turned back to the dark green, and it is displaying properly for now. I'll probably just leave the meta off for now

 

Okay, sure. Just so you know, I'm still seeing white text (though now with no meta)...

Give me a shout if you want me to check anything else, etc.

 

I have to clear out the caches multiple times to get the white text to go away. And even then, it comes back - only on mobile) I have no idea why it keeps coming back. If you have any idea, I'd love to know. I appreciate all the time you have given

 

Hey Jake,

I'm not quite sure what's causing it, I'm afraid. I've only been able to see the white text view and can't see the dark text style at all, so I can't really compare the two views to figure out what's going on.

One thing you try instead is setting the dark text color using CSS, which may avoid the caching issue. Try adding this into the "WP Admin > Divi > Theme Options > General > Custom CSS" box:

Code:

Log In or Sign Up to view this code.

Clear all the caches and hopefully it will then show up and remain in effect permanently.

Note that the code above will affect all post sliders on the site - if you are post sliders elsewhere and don't want to affect them, then replace et_pb_post_slider in the above with a class set in the post slider module's CSS Class field.

Best of luck!

 

Hi Again - I added your color CSS to the module itself. I figured I would also add the previous CSS to see if I could just get the date. Here is what I see on mobile, FYI.
Again, thank you for your time and help

 

You're very welcome, Jake. Sorry to say that currently I see the opposite - just the date, but white text...

I suspect this might be a case of the various caching systems tripping over each other. I'd suggest temporarily disabling the caching plugins you're using (WP Rocket, etc), as well as Divi''s Static CSS cache (WP Admin > Divi > Theme Options > Builder > Advanced > Static CSS File Generation). Then once we know the server is generating the page correctly in the absence of any caching, the caching systems can be re-enabled one at a time and hopefully that will show where the issue lies.

 

All caching disabled
This is what I still see

 

Okay, great. I see the same thing now

So it would look like the white text is the result of a caching issue.

I can now see the issue with showing just the date on mobile - there's another style overriding the font size of zero set by the fix which is preventing some of the text from being hidden. To solve this, here's a revised version of the CSS I gave previously:

Code:

Log In or Sign Up to view this code.

If you add this into "WP Admin > Divi > Theme Options > General > Custom CSS", you should hopefully see just the date.on mobile. You can remove the old version of the code.

Then try adding back in some caching. I suspect it might be related to the Divi setting I mentioned earlier:

WP Admin > Divi > Theme Options > Builder > Advanced > Static CSS File Generation

As this setting produces a different page on the first load (where it uses inline CSS) than it does on subsequent loads (where it uses an external stylesheet). This doesn't always play well with other caching plugins which only store the first load of the page.

So try enabling all your other caches except for that Divi setting, and we'll see if that triggers the white text issue or not and then adjust as needed.

Thanks!

 

Ok - new CSS added - Redis Object Cache and WP Rocket activated (Divi Static CSS disabled)
This seems to be the magic recipe.

Let's see if it sticks
I'm really grateful for the help

Jake

 

Hey Jake, you're going to hate me...

I see the same thing as before - green text but with the extra meta details (e.g. "by | July 17, 2024 | , | 0 Comments")

But at least the white text seems to have been resolved by disabling that setting.

I can see the old versions of the CSS being added to the page, but not the new version. I'd check that the new code is being added in the same location as you originally added the older version. In particular, make sure this rule from the new fix is included:

Code:

Log In or Sign Up to view this code.

As it is the one that should fix the current text size issue.

Once you're sure that rule is in place, try clearing both the Redis and WP Rocket caches. Hopefully since the old code is already coming through it's just a matter of ensuring the new code is present and ensuring the caches are cleared to get it fully sorted.

Also, note that if you're logged in the caching won't be active for you - to see the final cached view check the site when logged out or in an incognito browser window. But, of course, I'm more that happy check this for you again.

I think we're getting close!

 

ha - no hate
I think it's awesome you're sticking with this for me.

I added the CSS
Let's see if it lasts

Also, I've been testing on my phone (logged out)

 

Ha ha, glad to hear it!

Now I see both white text and the extra meta data....

Maybe we haven't yet figured out the caching...? Perhaps try disabling WP Rocket as well for just now and see how it works just on Redis.

 

I feel like we're becoming friends now - ha

I kept WP Rocket, but completely turned it off on the home page. It looks good at the moment. I turned Redis back on and it still looks good.
I can see that this is now a caching issue and can take it from here in regards to trying different combos until I hit the sweet spot. You're the best. Thanks for sticking with this, Jake

 

Ha ha, yeah we've been through a lot together, Jake!

Here's what I see now - looks good to me:



Since it looks like WP Rocket is involved in the issue, you might be able to narrow it down by individually disabling WP Rocket's settings (esp. CSS-related ones) until you find the one that is triggering the issue. If you're lucky it will be one that you don't much need or that it lets you exclude pages from. But if having it disabled on the homepage works for you, then it may not be worth your time trying to track down the problematic setting.

Anyway, I'm really happy it seems to be working now. If there's anything else I can help with, just let me know.. always happy to help a friend

 

I think I am just going to leave it off the home page, just easier at this point.

I think this experience has shed some light on other glitches I've had on other sites. I'm not a developer, so sometimes I miss theses aspects of the troubleshooting.
I'm going to turn the Divi CSS options back on and see if everything sticks.

Happy Wednesday
Jake

 

Makes sense - no point in sinking more time into it that you need to.

Not sure if you've enabled the Divi CSS option yet, but it is still displaying correctly for me now.

Enjoy the rest of the day, Jake, and as ever just shout if there's anything else you need help with.

Cheers!