Support » Plugin: DD Simple Photo Gallery » Styles over-ride theme styles

  • You either need to less generic with your classes and ids or you need to be more specific in targeting elements to style.

    For example, your first set of styles:

    .wrapper *{
        margin: 0;
        padding: 0;

    This overrides every element on the page where I attempted to install your plugin. Why?

    The Twenty Twelve theme that is installed by default has the following in the header:

    <div id="main" class="wrapper">

    That div exists in many, many themes.

    The style above basically overwrites the border, margin and padding for every element inside that div that is less specific. For example:

    p {
      margin-bottom: 1em;

    Suddenly all of the bottom margins of all the content are gone because of your style sheet.

    This needs to be made more compatible to be of any real use.

  • The topic ‘Styles over-ride theme styles’ is closed to new replies.