Home › Forums › WordPress Themes – Premium › Circumference › Gray “bar” above and below page graphic image
- This topic has 9 replies, 23 voices, and was last updated 8 years, 11 months ago by
Sandy Sailer.
-
AuthorPosts
-
December 10, 2014 at 4:29 pm #15718
Sandy Sailer
MemberOn this site, http://dev.dansconsulting.com/share-your-passion-for-data/, how do I remove the gray horizontal “bar” above and below the graphic of the gears. I believe this is a widget area, is that correct? My client doesn’t want to use or see this area at all, so I need to “hide” it. Thank you.
December 11, 2014 at 8:08 am #20771Anonymous
InactiveOn style.css you can see this line :
#cir-banner { background-color: #ddd !important; background-position: center center; margin-top: -10px; min-height: 8px; }
change code to below one to remove the top background color :
#cir-banner { background-position: center center; margin-top: -10px; min-height: 8px; }
The bottom horizontal bar is not actually a horizontal bar it’s due to the gap between banner and breadcrumwrapper. It can be removed by removing margin bottom of the
tag of banner, Use the below CSS
#cir-banner .textwidget p { margin-bottom: 0 !important; }
I hope you’re using child theme so those changes are implemented in child theme π
December 11, 2014 at 10:24 pm #20777Sandy Sailer
MemberThis code did not remove the top background color:
#cir-banner {
background-position: center center;
margin-top: -10px;
min-height: 8px;
}But the bottom “gray” band is now gone. π
December 11, 2014 at 10:28 pm #20778Sandy Sailer
Member…and, yes, I’m using a child theme. π
December 12, 2014 at 8:35 am #20781Anonymous
InactiveYour child theme’s style.css still has this code : http://dev.dansconsulting.com/wp-content/themes/circumference-child/style.css?ver=4.0.1
#cir-banner { background-color: #ddd !important; background-position: center center; margin-top: -10px; min-height: 8px; }
change it as it’s requested above.
December 12, 2014 at 5:23 pm #20784Sandy Sailer
MemberOkay – I removed the above code and replaced it (in the child theme style.css) with the new code, but the top gray band is still showing up on the site. Does it have something to do with the min-height specification? Should I remove that?
December 12, 2014 at 5:34 pm #20785Anonymous
InactiveDear Sandy,
That bar is not gray anymore it’s white as background you can see it here : http://prntscr.com/5fzzx4 . It may be your cache.
December 12, 2014 at 5:37 pm #20786Sandy Sailer
MemberOkay – but how do I get rid of that space, so the image lies directly below the nav bar? I want to eliminate the space itself. Thanks.
December 12, 2014 at 6:42 pm #20787Anonymous
Inactiveok for that change this CSS
#cir-banner .textwidget p { margin-bottom: 0 !important; }
to
#cir-banner .textwidget p { margin-bottom: 0 !important; margin-top: 0.6em; }
And note that there is small thin white part of top of the image.
December 12, 2014 at 7:02 pm #15719Sandy Sailer
MemberI’m calling it perfect. Thank you!!! π
-
AuthorPosts
- You must be logged in to reply to this topic.