lay-out issue with Event Espresso plugin

  • Resolved gijsbert156

    (@gijsbert156)


    10 years, 1 month ago

    I have taken a look at the site and it is the sites theme that is breaking the layout.

    Hello,

    I got an issue with the lay-out in Event Espresso (EE).
    Basically it looks like this http://bit.ly/1ihxcwp
    While it should be on the same lines.

    Contacted EE helpdesk, they came up with this:

    Using Chrome Dev tools I removed these rules:

    http://take.ms/Zjozh
    All from the same file within the theme (customizr/inc/css/green.css)
    There’s also more after these

    The result is this layout:
    http://take.ms/j26Sp

    There are multiple ways to work around this, however it is likely you will run into these kinds of issues in multiple areas as the theme is using very ‘loose’ selectors (basically they select ANY span/label on the site and apply multiple rules to those) as this is an issue with theme, I would recommend contacting the author for a recommended solution.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Rocco Aliberti

    (@d4z_c0nf)

    10 years, 1 month ago

    The solution had to be write specific rules for that plug-in selectors in your custom css, overriding general rules in customizr css.

    Thread Starter gijsbert156

    (@gijsbert156)

    10 years, 1 month ago

    got it solved thanks to some custom css indeed. thanks

    ElectricFeet

    (@electricfeet)

    10 years, 1 month ago

    Those .row-fluid [class*="span"] rules are not affecting all <span>s. They are affecting all <span>s that are inside a .row-fluid. These rules are a fundamental part of the Twitter Bootstrap 2.3.2 framework, which underlies all of Customizr’s layout. If you remove them, then Customizr’s layout will break.

    It’s not so much a case of using selectors “loosely”, but a case of Bootstrap using them in a fundamental manner that allows them to build a flexible and responsive framework. (Just to understand the importance of Bootstrap: it is used by thousands of web sites and they have 137,000 followers on Twitter.)

    Sometimes there will be plugins that either use Bootstrap themselves—particularly a later version of Bootstrap, which is problematic—or their CSS depends similar rules. In that case, Customizr will conflict. Sidestepping some of the CSS might work in some cases (such as yours). In others it might not be possible to make them compatible and you’d simply have to use a different theme.

    Glad you managed to make it work. Ironically (given your issue with the “looseness”), the advice in these situations is to make the CSS as specific as possible. So don’t for example redefine all span3s. Redefine instead .brand.span3.

    I’ve flagged this for nikeo’s information in any case.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘lay-out issue with Event Espresso plugin’ is closed to new replies.