Eliminate border/corner radius

• 

  darrylcotton · Member · Oct 31, 2015 at 10:25 am

  • Copy link
  • Add topic to favorites

  Hi
  On the top image widget in the sidebar there are two small border radius’, on the top left and top right corners respectively. Can any one help me get rid of them please?
  Thx

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

• 

  micawbr · Member · Oct 31, 2015 at 11:48 am

  • Copy link

  Hi,
  If you have the Custom CSS (part of the Premium and Business plans), you can change the CSS of your site to remove the radius on that image. Go to My Sites > Customize. Below any code that’s already in that section, add the following:

  .secondary .widget:first-of-type {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
  }

  After that click the Save & Publish button.

• 

  micawbr · Member · Oct 31, 2015 at 11:50 am

  • Copy link

  Oops, I left something out. When you get to the Customize screen, click the CSS tab on the left side to open that section.

• 

  darrylcotton · Member · Oct 31, 2015 at 3:32 pm

  • Copy link

  Super! It worked. Thanks very much micawbr :)