Tab Indent Removed from Posts

Hi @snowme

Is it possible to see the page with the problem?

Is it a tab display function like the one below?

<div class="raindrops-tab">
	<ul class="raindrops-tab-list clearfix">
		<li class="dummy">Tab Area</li>
	</ul>

	<div class="raindrops-tab-content clearfix ">
		<div class="raindrops-tab-page">
			<h3>Tab Title 1</h3>
			
			<p>morning !</p>
		</div>
		<div class="raindrops-tab-page">
			<h3>Tab Title 2</h3>
			
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		
		</div>
	</div>
</div>

Thank you.

Yes, its code like that where the indent disappears. Here’s one of my posts that is affected.

https://www.labsrc.com/budget-load-balancing-with-mariadb-on-ubuntu/

I checked the URL provided, but couldn’t find any CSS with text-indent or padding indented.
Although it is not accurate, I have also compared it with the cache on the web, but I can not find any problems at the moment.

https://web.archive.org/web/20210416172249/https://www.labsrc.com/budget-load-balancing-with-mariadb-on-ubuntu/

If you tell me the element with the indentation, I will investigate again.

WordPress 5.9 update added core CSS

It has also been added to your site as style id = “global-styles-inline-css”.

In addition, if you are using the block editor, inline styles will be applied.
These inline styles include margin and so on, which can disrupt your website’s style.

I did not find any evidence of using the block editor on your site. So maybe you can get rid of the extra style.

Try Remove global-styles-inline-css

add_action( 'wp_enqueue_scripts', 'my_remove_global_styles' );
function my_remove_global_styles() {

	wp_dequeue_style( 'global-styles' );
}

Thank you.

• This reply was modified 2 years, 8 months ago by nobita.

Removing the global styles didn’t work.

I’m using the classic text editor and have indents in the example code on the page. One example is in the “Keepalived Config” section in the Enlighter div. In the editor there are indents, but they are missing when I view the page.

If I change to another theme, the indents show properly so I think its most likely something in the theme that is causing an issue.

rainchild/style.css line:3336

Please try comment out white-space, or change from nowrap to pre-wrap

.enlighter-default {
    border-radius: 10px;
    border: 2px solid #1d73ae;
    margin: 2em 0 !important;
    overflow: auto !important;
    /* white-space: nowrap !important; */
    width: auto;
}

This makes me look like it’s indented
If you make this setting, the display in HAProxy Config Section will be different, is that acceptable?

Thank you.

• This reply was modified 2 years, 8 months ago by nobita.

That fixed the issue. I’m so sorry as this was a style change that I had added. I’m very sorry for wasting your time.