CSS breaks my template

  • Resolved Thanatermesis

    (@thanatermesis)


    5 years, 1 month ago

    Hi,

    The CSS generated by UFAQs breaks the CSS of my actual template, more exactly from the file /wp-content/plugins/ultimate-faqs/assets/css/jquery-ui.min.css and for my case is “margin-top” which makes another elements to look broken:

    The entire block is:

    
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

    I assume the issue is caused because the CSS uses a too generic keyword like “ui-icon” ?

Viewing 1 replies (of 1 total)
  • Plugin Support jaysupport

    (@jaysupport)

    5 years, 1 month ago

    That’s the main CSS for the jQuery UI (https://jqueryui.com/download/all/), which we make use of. It’s not something we wrote and not something that is customized specifically for our plugin. Any modifications we do that are specific to our plugin, whether related to the jQuery UI or our own elements, are included in our own CSS files with unique names and selectors. You just need to look at several recent threads in our support forum here about CSS and the new version of our plugin to realize that we’ve done even more work to standardize our CSS naming and prefixing across the board, to further avoid any conflicts.

    My guess is your theme uses that same generic selector as the jQuery UI uses. You should be able to override either by applying more targeted CSS (e.g. by maybe using the containing div from your theme as part of the selector).

    And then maybe ask your theme author where/why/how they are using that selector. If it’s as part of a jQuery UI element that they are using, then the aforementioned targeted CSS should help. But, if they just gave some other element in their theme the same class name as a jQuery UI element, perhaps they can consider updating it to something more unique to their theme.

Viewing 1 replies (of 1 total)

The topic ‘CSS breaks my template’ is closed to new replies.