Support

Home Forums Community Forum Theme conflict – EE 4.4.8.p and Suffusion 4.4.7

Theme conflict – EE 4.4.8.p and Suffusion 4.4.7

Posted: January 3, 2015 at 8:55 am


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

  • Support Staff

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.

The support post ‘Theme conflict – EE 4.4.8.p and Suffusion 4.4.7’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

If you would like help from the Event Espresso staff, then please purchase a support license right now so you can create a support topic in our premium support forums.

Status: closed

Updated by  Jonathan 4 years, 10 months ago ago

Topic Tags

Notifications

This topic is: resolved
Do NOT follow this link or you will be banned from the site!
[for="input_96_5_3"]
[for="input_96_5_3"]
[gravityform id=96 title=false description=false]
  • This field is for validation purposes and should be left unchanged.
[i]
[i]
[gravityform id=69 title=false description=false]
  • This field is for validation purposes and should be left unchanged.