-
Posts
-
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.comHi 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/
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!
Works like a charm – THANK YOU :-)
The topic ‘can I remove "tape" from header image?’ is closed to new replies.
Theme Support 
