ERROR in basic update CSS – changes colors in the WHOLE website

New home Forums Pro Add-on ERROR in basic update CSS – changes colors in the WHOLE website

Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #5965
    volta.co
    Member

    Hi,

    In your recent update, you made a change to the plugin CSS and it CHANGED THE COLORS IN MY WEBSITE!

    In the file wpgmza_style.css, you wrote:

    .wpgmza_markerbox h1,h2,h3,h4,h5,h6,h7,h8,strong,p,br {
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    color:#000 !important;
    }

    Which means it will change the padding, margin and colors of:

    h1 under the .wpgmza_markerbox class
    EVERY h2 in the page
    EVERY h3 in the page

    EVERY p in the page
    EVERY strong in the page!!!!

    Since you used !important, the browser ignores specificity in other CSS files (like the ones I wanted to be used instead) and changes the values for all those selectors.

    This is a rookie mistake.
    Really, my client is pissed with me because of the complaints that the website was ‘wrong’.

    This refers to the basic plugin, I suppose, but I wrote here for PRO users to see it and correct it.

    To correct it, you should open [your website directory]/wp-content/plugins/wp-google-maps/css/wpgmza_style.css and change:

    —–
    .wpgmza_markerbox h1,h2,h3,h4,h5,h6,h7,h8,strong,p,br {
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    color:#000 !important;
    }
    —–

    To this:

    —–
    .wpgmza_markerbox h1,
    .wpgmza_markerbox h2,
    .wpgmza_markerbox h3,
    .wpgmza_markerbox h4,
    .wpgmza_markerbox h5,
    .wpgmza_markerbox h6,
    .wpgmza_markerbox h7,
    .wpgmza_markerbox h8,
    .wpgmza_markerbox strong,
    .wpgmza_markerbox p,
    .wpgmza_markerbox br {
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    color:#000 !important;
    }

    #6036
    Nick Duncan
    Keymaster

    Hi
    Sorry about all the hassle – it really was an honest mistake. We fixed this as soon as we heard about it.

    Kind regards
    Nick

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘ERROR in basic update CSS – changes colors in the WHOLE website’ is closed to new replies.