|
Jonathan
|
January 3, 2015 at 8:55 am
In two places the formatting of my home page went wrong when EE was activated. The problem appeared at these two lines:
<div class="suf-mag-excerpts-header left">Featured articles</div>
<h2 class="suf-mag-excerpt-title left">...</h2>
This related to EE’s espresso_default.css:
.left,
.float-left {
float: left;
}
Anyway, the simple workaround was to edit the Suffusion settings so that it uses “center” rather than “left”.
There may be a problem with Suffusion which I don’t understand (as it’s not been updated for a while) but I’m happy with this workaround. I hope that it assists others.
|
|
Josh
|
January 5, 2015 at 4:40 pm
Hi Jonathan,
This is kind of an interesting little case of why it’s not a good idea to use a super generic class name. Unfortunately a lot of frameworks (like bootstrap) do this which leads to other people thinking it’s a good idea.
I looked at Suffusion’s stylesheet and it’s sometimes using the .left class for aligning text to the left, moving a margin to the left, or other times for floating to the left. Whereas Event Espresso 4 uses the .left class for floating to the left.
You can work around this conflict by adding something like this to your custom stylesheet:
.suf-mag-excerpts-header.left,
.suf-mag-excerpt-title.left {
float: none;
}
|
|
Jonathan
|
January 8, 2015 at 12:40 pm
I’ve incorporated this but haven’t tested it (as I’m happy with using ‘center’ instead for now). It looks fine. Thank you very much again.
|
