Content is overlapping, and not stacking properly

[VVT]

Hello support team,

Since the last theme update, content is overlapping on every page of content: https://vitalytennant.com/content/page/2/

Seems like there is no padding, and socialshare icons don’t push the snippets out, it’s all jumbled up. Occurring in incognito mode.

Please advice, and thank you in advance.

Successfully.

[prakash_s]

Hello @VVT,

Thanks for writing to us.

I checked your given page URL it seems that the posts rendering fine on my end. It might be the issue browser cache I would suggest you please clear your browser cache and then check it again. In case you are pointing out the text spacing I would suggest you please add these custom CSS codes under the Theme option —>Custom Codes—>Global CSS

article.post .p-meta > span {
margin: 5px 0;
}
article.post p.p-meta {
line-height: 2.3;
}
article.post h2.entry-title {
margin-bottom: 15px;
line-height: 1.6;
}
article.post .p-meta > span > a {
margin: 0 5px;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[VVT]

Hi @prakash_s,

Thank you for your prompt response.

As aforementioned, this jumbled up run on of articles is only in incognito mode. I have cleared my cache, before, and after starting the thread, additionally, the code you’ve provided is beneficial, and I’ve notated the customization. Although the issue persists as with the screenshot shown. For some reason, the socialshare icons do not move the padding, they are cut off when viewed in incognito mode. It is used often, when working on the website, due to smoother dashboard processes. Can this be checked more via browser incognito mode? I would imagine I’m not the only one with this viewability issue, since the issue persists on https://vitalytennant.com/content/page/3/ (all pages in incognito mode).

Successfully.

[tristup]

Hi @VVT,

I have checked the page in Incognito mode and found that the **spacing and padding are working perfectly fine and contents are not overlapping as shown in your screenshot. I can see the same as the screenshot given by my colleague Prakash.

If you are still having the same issue, can you please check once by clearing all types of cache including the Style Cache from Cornerstone > Settings > System > Clear Style Cache and check in the incognito/private mode of the browser?

Thanks

[VVT]

Hello @tristup,

I have followed your instructions, and cleared the cache. Thank you for confirming with @prakash_s as I will be utilizing the customization provided. That noted, the issue persists, and I believe it could be one of my nodes (this is happening on chromebook) that I am using, because when the content is jumbled as mentioned earlier (per attached screenshot), I tested by minimizing the window/tab, and restoring it, then the content is aligned like it’s supposed to be, also when I zoom in (ctrl+) and zoom out (ctrl-) the content is also viewable properly. I’m not sure what the issue is, it’s not fluid, and it seems to become properly aligned after the window/tab is “readjusted” maybe as more template areas update, it can be many things at this point. Although this issue can be bypassed, and hopefully in time it will be remedied. All is good now.

Thank you for your support.

Successfully.

[prakash_s]

Helo @VVT,

I checked your given page URL and it seems that it is working fine at my, I have checked on Google Chrome 108.0.5359.125 version. In case the issue still persists at your end please let us know the browser and its version as well.
Thanks

[VVT]

Hi @prakash_s,

That good to know. I certainly will.

Thank you.

[ruenel]

You are most welcome, Vitaly.