Removing Border around image

  • Hi,

    I am trying to remove the white border behing the flag on the bottom right corner of this page

    https://maleknass.com/about/biography/

    It was first a grey striped border/background. In the “Advanced settings” of the image i set the border to “0” but i ended up with a white border/background when this image is actually a .png

Viewing 3 replies - 1 through 3 (of 3 total)

  • remove the white border behing the flag on the bottom right corner of this page

    add this somewhere to style.css:

    .page-id-2 img.wp-image-366 { background: none; }

    or try:

    in the advanced image edit settings, add
    background: none;
    into the Styles field.

    Thread Starter mnass

    (@mnass)

    thanks this worked!

    So if i want to repeat this process(the first one) for other images, how do i do it?

    if i want to repeat this process(the first one) for other images

    use a tool such as Firebug to investigate the css class of you image and your page; https://getfirebug.com/

    or look into the html code of the page as it is shown when you use ‘view source’ or similar in the browser toolbar.

    as the image css class is quite unique, you might not need to use the page-id-?? as well;

    this might do:

    img.wp-image-366 { background: none; border: none; }

    you can add more formatting to these specific styles, such as hiding the border in the above example.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Removing Border around image’ is closed to new replies.