• Resolved Rhialto

    (@rhialto)


    Hi,

    Was testing this plugin and wanted a red background so I added this CSS to my styles.css:

    body .buorg { background: #f00; color: #fff; border-bottom: 1px solid #000; }

    And with that the little browser logo just before the text don’t show up. Any idea why? I only tested with IE8.

    While at it, it is possible that some browser logos do not look great on a red backgroud so is it possible to style the background just behind the browser logo? Is it in a div? It would be great because I would also make sure padding is ok around the logo so it’s looking good.

    Thanks

    https://wordpress.org/plugins/wp-browser-update/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Marco Steinbrecher

    (@macsteini)

    Just tested and it worked like a charm. Currently no chance to test on MSIE8, but the logo will be displayed in Chrome and Firefox on Windows and Firefox and Safari on OS X.

    Thread Starter Rhialto

    (@rhialto)

    Why do you check as resolved while you were not even able to verify on IE8? I mean I specifically stated IE8.

    Maybe try with https://spoon.net/browsers#/browsers

    View post on imgur.com

    Plugin Author Marco Steinbrecher

    (@macsteini)

    Sorry, ’twas a reflex. No bad intention.

    Thread Starter Rhialto

    (@rhialto)

    No problem… will wait for you to test. Any clue why adding the CSS above don’t display the little logo but it’s fine when I remove styling?

    Plugin Author Marco Steinbrecher

    (@macsteini)

    Need to get in touch with the browser-update.org team since adding a background color overrides the icon for unknown reasons.

    Thread Starter Rhialto

    (@rhialto)

    To change background color it’s better to use background-color in this case because background is used to set the background image.

    Then I asked if it would be possible to add a div around the logo so it can have a different background color and also we will be able to add padding around it so it looks good next to the warning message but been told it cannot be done because many sites already use it and that could mess.

    Looks like it can be done with ::before but no idea how… I’m only ok with basic old CSS.

    Plugin Author Marco Steinbrecher

    (@macsteini)

    W3 Schools is a great website I recommend to start learning CSS3. 😉

    In regards to the DIV: No change/implementation planned.

    In regards to the background: No change planned. Why?

    • background-image is the appropriate property you were referring to.
    • background-color is specifically for assigning a background color. *surpise*
    • background is the shorthand property that holds a whole bunch of values. It starts with the color, then the image source and so on.

    Thanks for your input!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Browser logo not showing when applying CSS’ is closed to new replies.