Thread Starter
mdlr
(@mdlr)
Also if you rename
http://incentiveconcept.com/test-page/
to
http://incentiveconcept.com/test-page-spanish/
The layout breaks again. The problem dissapears on republishing the page without the word “spanish”
I’m very very curious about what’s going on.
Hi Miguel,
On line 639 of stylesheet “http://incentiveconcept.com/wp-content/themes/nexus//style.css” you have the following code.
[class*="span"] {
float: left;
margin-left: 20px;
}
And whenever you name a page “Spaninsh” the <body> contains the following classes
- page
- page-id-5617
- page-template
- page-template-page-full-php
- spanish-grand-prix-packages
- prime-desktop
So the word “spanish” contains “span” which matches with [class*=”span”]
making the entire body float:left
. 🙂
Thread Starter
mdlr
(@mdlr)
Wow. Just wow. How did you do this so fast. THANK YOU!!!!
There is no way around this that I can see apart from rephrasing the URL to “spain-grand-prix….”?
You’re welcome. I use a firefox plugin called firebug. Using it I can see what style is being applied to a particular element from the “eyes” of the browser.
Comment out that block of CSS.
/*[class*="span"] {
float: left;
margin-left: 20px;
}*/
And browse the entire website to see if anything else breaks (even something as small as a widget) if everything is fine you can remove that block entirely.
There is no way around this that I can see apart from rephrasing the URL to “spain-grand-prix….”?
Just a bit of advice Miguel, content is always first. If something in your content breaks the design (like in your case) see how you can fix it by editing the design part.
If a dress doesn’t fit you would you change your body? 😀
Thread Starter
mdlr
(@mdlr)
Actually I lost 13 kilos this year and feel a lot better for it 😕
Thank you so much for your advice and help, I think I found a solution
<style><!–
.spanish-grand-prix-2014 {float:none}
–></style>
which cancels out the gobal float. Not super elegant but I need my URLS to say Spanish for SEO reasons
Have a great day
Miguel
Great! just a small modification to that code. Try using this
<style><!--
[class*="spanish"] {float:none;margin-left:0}
--></style>
because the code you’ve mentioned exactly matches the “spanish-grand-prix-2014” class so what if some other pages have something else like “spanish-grand-prix-2013”.
Thread Starter
mdlr
(@mdlr)
Much more elegant, of course you’re right. That I can put in my Custom CSS file….
