WP META SEO description class clashes with other plugins

We recently had a problem that after installing WP META SEO the text in our SiteORigin Page Editor panels went out of wack.

After some debugging we found that SO uses a class .description (although they do not style it) for the content of the SO Panel.

WP META SEO defines the following style in wp-content/plugins/wp-meta-seo/assets/css/main.css?ver=4.0.0

.description {
    margin-top: 10px;
    float: left;
    width: 100%;
    font-size: 15px !important;
    font-weight: normal;
    font-style: normal !important;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: 0.8px;
    color: #5f879b !important;
}

Suggestion – don’t use common names for classes that might interfere with content elsewhere in the WP environment.
Either:
a) Make the name non-common Example: wp-meta-seo-description
OR
b) localize the class by using a unique container class for the content and prefix the target class with that

<div class="wp-meta-seo-content">
   <!-- PLUGIN CODE HERE -->
</div

CSS

.wp-meta-seo-content .descrption {
...
}

• This topic was modified 6 years, 4 months ago by julianhansen.