can I remove "tape" from header image?

Home Forums Automattic Bon Vivant can I remove "tape" from header image?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #109648 Resolve

    Dilly-Dally Touring
    Member

    Is there a way to turn off the “tape” on the corners of the header image but leave the white border that surrounds the image? Here is a png showing what I am talking about

    The blog I need help with is sunrisecoffeeshop.com
    #144872

    Kathryn P.
    Happiness Engineer

    Hi there, I used a web developer browser extension to see that the tape graphic is being generated from this CSS:

    .header-image-wrapper:before,
    .header-image-wrapper:after,
    .header-image:before,
    .header-image:after {
    background: url(/wp-content/themes/premium/bon-vivant/img/tape.png) no-repeat;
    background-size: 75px auto;
    content: "";
    display: block;
    position: absolute;
    width: 75px;
    height: 73px;
    z-index: 1;
    }

    You can remove the tape by adding this to your custom CSS under Appearance > Customize > CSS:

    .header-image-wrapper:before,
    .header-image-wrapper:after,
    .header-image:before,
    .header-image:after {
    background-image: none !important;
    }

    Let me know if this does the trick.

    Learning how to target your site’s CSS will help you make certain design changes. Here are some very helpful posts that will help you customize your site with CSS:

    https://dailypost.wordpress.com/2013/07/25/css-selectors/

    http://dailypost.wordpress.com/2013/06/21/css-intro/

    If CSS is new to you, we also have some resources for learning more about it here:

    You can learn more about using media queries that target certain screen sizes here:

    http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    #145276

    Kathryn P.
    Happiness Engineer

    Hi there, just checking in to see if you still needed help with this or if you decided to keep the tape after all. ;-) Let me know, thanks!

    #145308

    Dilly-Dally Touring
    Member

    Works like a charm – THANK YOU :-)

    #145316

    Kathryn P.
    Happiness Engineer

    Great, glad to hear it! I’ll close this thread as well but feel free to start a new one for additional help.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘can I remove "tape" from header image?’ is closed to new replies.