adjust corners of image

• 

  sietskewalda · Member · Feb 21, 2016 at 3:07 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I chose the button theme, and I’m really happy with it. However, I don’t like the way it cuts the corners of my images (for example, see sietskewalda.com).
  I’m wondering if there’s a way to customize it, so that the corners of my images will be straight.

  I have tried several CSS examples, for example:

  .featured-image:before, .featured-image:after, .featured-image>.corners:before, .featured-image>.corners:after {
  background-image: none;
  }

  but is has not proven useful yet.

  The blog I need help with is: (visible only to logged in users)

• 

  elte · Member · Feb 21, 2016 at 4:19 pm

  • Copy link

  Try adding !important and see if it works.

  .featured-image:before, .featured-image:after, .featured-image>.corners:before, .featured-image>.corners:after {
  background-image: none !important;
  }

• 

  sietskewalda · Member · Feb 21, 2016 at 4:21 pm

  • Copy link

  Thanks! I tried, but it didn’t work.

• 

  elte · Member · Feb 21, 2016 at 5:07 pm

  • Copy link

  How bout this one?

  .featured-image:before, .featured-image:after, .featured-image > .corners:before, .featured-image > .corners:after {
  background-image: none !important;
  z-index: -1 !important;
  }

• 

  sietskewalda · Member · Feb 23, 2016 at 12:30 pm

  • Copy link

  I’m so sorry, didn’t work either…

• 

  elte · Member · Feb 23, 2016 at 12:58 pm

  • Copy link

  Can you maybe try adding:

  opacity: 0 !important;
  content: none !important;

  And see if it works?

  I’m sorry I couldn’t be much help either, if you need to contact staff to solve this matter, please add ‘modlook’ in the tags field on the right sidebar.

• 

  thesacredpath · Member · Feb 23, 2016 at 8:57 pm

  • Copy link

  Hi, I took a look in your customizer and on the CSS rule you have in there now, there is a missing ending curly bracket. If there is a missing ending bracket, any CSS after that is ignored by the browser. Add an ending bracket to that rule and then add the following to get rid of the corners on the images.

  .featured-image::before, .featured-image::after, .featured-image > .corners::before, .featured-image > .corners::after {
      display: none;
  }

• 

  sietskewalda · Member · Feb 23, 2016 at 9:08 pm

  • Copy link

  Thanks a lot! It worked.

  Pretty silly to forget the ending bracket!

• 

  thesacredpath · Member · Feb 23, 2016 at 9:49 pm

  • Copy link

  You are welcome, and we all forget an ending bracket now and then. No worries.