Change shape of header image (flounder theme)

• 

  director959 · Member · Apr 21, 2014 at 2:21 am

  • Copy link
  • Add topic to favorites

  Hello

  The Flounder theme by default crops the header image into a circular shape, is there some way to remove this feature using css?

  Is it also possible to resize the header image from 220×220 px?

  Cheers

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

• 

  thesacredpath · Member · Apr 21, 2014 at 8:12 pm

  • Copy link

  Hi, it is easier to simply put the header image into the CSS in this case. Upload your image to your media library at Media > Add New and add the following CSS and replace URL_OF_IMAGE between the quote marks with the URL of a new image.

  .site-branding {
      background: url("URL_OF_IMAGE") no-repeat scroll top center;
      border-radius: 0;
  }
  .site-branding:before {
      background-image: none;
  }