Blog entry wrap BG colour

Support
#1

Hi there!

I’m trying to create a very clean, simple site however I’ve become completely stuck in simply trying to remove the border separating the header and body, and in making the background of my posts transparent. Here’s what I’m talking about:

I’m using the integrity stack, and am using the following custom CSS to make all other backgrounds on the site transparent:

.x-navbar {
    background-color: rgba(0,0,0,0.0) !important;
    position: absolute;
    width: 100%;
}
.x-navbar .x-nav-wrap .x-nav > li > a {
    color: #fff;
}
	.x-navbar {
    border-bottom: transparent;
}

.x-logobar {background-color: transparent;} /*logo bar*/
.x-navbar {background-color: transparent;} /*nav bar*/
.x-colophon {background-color: transparent;} /*footer*/

@media ( min-width: 980px ) {
.x-navbar {
display:none;
}
}


.page-inner-title {
    background-color: transparent;
}

@media (max-width: 979px){
body .x-navbar-wrap {
     display:none !important;
}
}	
.jumbo-menu-button {
   width: 72px !important;
}
.format-standard .entry-wrap {
color: #fff !important;
background-color: #000 !important;
}

header.entry-header {
    display: none;
}

The site is fortunepoems.com (currently under construction). I fear I’m missing something very easy and obvious… please help!

#2

Hi @TreatLightly,

Please try adding this CSS. There’s a default box shadow and border on that cornerstone that needs to be reset too.

.x-navbar {
    border: none;
    box-shadow: none;
}

For the content container, try this:

.entry-wrap {
    background-color: transparent;
    box-shadow: none;
}

For more guidance, check the following:

#3

Hi Lely,

Thanks for your help - I had tried both of your CSS suggestions (and many variations of) to no avail.

However, I finally just cracked it with something slightly different! For the navbar line:

 .x-topbar,
 .x-logobar,
 .x-navbar {
   border: none !important;
 }

And the background color of the entry wrap was actually hiding in the global CSS, which I forgot about:

.blog .entry-wrap,
.single .entry-wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  text-align: center;
  border: none;
  background-color: transparent;
  box-shadow: none;
}

So it’s now all taken care of! Hooray!

#4

Glad you sorted things out,

Cheers!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.