Home>Support>remove image widget border

remove image widget border

By Iain McMullen, 11 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi

I have uploaded a .png file image to the home page of our site, but it is showing with a white background and border around it. The image should display straight onto the page background but I have been unable to figure out how to do it.

Many thanks

Iain

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 11 years, 2 months ago Iain McMullen

    Forgot the site URL…

    http://www.footballandthefirstworldwar.com/

  2. 11 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi Iain

    Please head to Appearance > Customize > Page and un-check Image Shadow and Rounding.

  3. 11 years, 2 months ago Iain McMullen

    Hi – Thanks for that , yes I found it last night!

    Cheers

  4. 11 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad to hear you resolved that.

  5. 10 years, 10 months ago datiduke

    Hi,
    I havent purchased the premium version yet, but I would like to know first, if the border can be deactivated for each image alone or for all images only? Sometimes I like a border, but in some cases, my picture can not have a border.

    And I have not much experience with CSS, but I assume I can change the color for the dark ribbon and the blue flyover sub-menu color?

    Thanks,
    Andy

    • 10 years, 10 months ago Andrew Misplon
      Hi, I Work Here

      Hi Andy

      It’s a global setting found the premium Customizer.

      You can apply it right now by inserting the following in a Custom CSS module like the one included with WordPress Jetpack:

      /* Vantage Remove Image Shadow and Rounding */.entry-content img { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important }

      To apply to one page/post at a time you’d need to inspect the source and find the unique page class in the body tag. For example on this page the unique class is .postid-2071. You’d then prefix the about CSS with the unique class. So this this page we’re on it would be:

      .postid-2071 .entry-content img { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important }

      For info on how to inspect your page source please see: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

      For further support please open a new forum thread.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More