This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

remove image widget border

Resolved 6 replies premiumthemetheme-vantage
Iain McMullen
11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Iain McMullen 11 years, 9 months ago

    Forgot the site URL…

    http://www.footballandthefirstworldwar.com/

  2. Andrew Misplon Staff 11 years, 9 months ago

    Hi Iain

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

  3. Iain McMullen 11 years, 9 months ago

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

    Cheers

  4. Andrew Misplon Staff 11 years, 9 months ago

    Super, glad to hear you resolved that.

  5. datiduke 11 years, 6 months ago

    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

    • Andrew Misplon Staff 11 years, 6 months ago

      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.

Have a different question or issue?

Start New Thread