Word “Spanish” breaks WordPress layout (solution)

1. INTRODUCTION

Today I want to share with you the solution to a weird bug caused by the word “Spanish” in WordPress (and maybe other CMS that uses Bootstrap).

In my personal case, this word (the actual problem comes from the root “span“), triggered two types of layout misconfigurations:
 

1. It changed the background color of the content box from transparent to gray (only in the entries within the category or tag «Spanish»).
2. It breaked the layout theme in the «Spanish» tag and category pages (/tag/spanish; category/spanish).

2. SOLUTION (USING CSS)

The problem, caused by a Bootstrap conflict, can be fixed adding the following CSS to your WordPress theme (Paste it in: Appearance > Customize > Additional CSS):

[class*="span"] {
float: unset;
min-height: unset;
margin-left: unset;
}

It worked perfectly for me (in different websites). I hope it works for you too! If so, leave a comment!

3. MORE INFORMATION AND REFERENCES

• Saberespractico.com (2018). Palabra «español» crea error en WordPress (solución). Text in Spanish. Avaliable [HERE].
• WordPress.org (2018). Word “Spanish” triggers misconfigurations in theme. Avaliable [HERE].