0

Word “Spanish” breaks WordPress layout (solution)

span bootstrap bug1. 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 conflictcan 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].
 
 

Javier

PhD in Education. From Spain. Living everywhere. Passionate about learning and sharing. Welcome to Learner Trip!

 

Leave a Reply

Your email address will not be published. Required fields are marked *