[Paul RModerator]

Hi,

If you can upload your site on a temporary domain online so that we could see it first hand and provide you with a more tailored code.

At the mean time you can try the code below.

[content_band no_margin="true" inner_container="true" bg_color="#fff" border="vertical"]
[custom_headline class="resp-h mvn" type="center" level="h2" accent="true"]SPOTLESSLY CLEAN[/custom_headline]
[/content_band]
[content_band style="text-align:center;" bg_image="http://www.cosawestouringandcamping.co.uk/newwebsite/pitch_map1200x500.jpg" parallax="true" border="all" inner_container="true"][custom_headline class="responsive-heading" type="center" level="h2" style="margin-top: 0; color: #303d46; padding: 20px; background: rgba(255,255,255,0.8);width:500px;margin:0 auto 20px;"]Working with Anytime Booking(c) we have produced a simple and effective way for you to select a pitch, make a reservation and pay your deposit using our interactive pitch map. Automated emails confirm your booking (usually within twenty four hours) and remind you of when balances are due. Conditions apply to all bookings.[/custom_headline] [responsive_text selector=".responsive-heading" compression="1.5" min_size="12px" max_size="25px"]
[button class="mbn" type="rounded" size="jumbo" href="http://www.cosawestouringandcamping.co.uk/pitch_map.html" title="Choose your pitch" icon="check-sign" circle="true" info="popover" info_place="top" info_trigger="hover" info_content="Use our interactive pitch map to choose your pitch from those available and make your reservation."]Book Now![/button]
[column type="one-third" last="true"] [/column]
[/content_band]
[content_band no_margin="true" inner_container="true" bg_color="#fff" border="vertical"]
[custom_headline class="resp-h mvn" type="center" level="h2" accent="true"]
<header class="entryHeader">INCREDIBLE WILDLIFE AND SCENERY</header>[/custom_headline]
[/content_band]

Hope that helps.

[fatcatgraphicsParticipant]

Hi,

I am trying to upload a background image in my customizer settings and then have content bands semi transparent so the background shows through a little. I had read through your forum and found the answer it was working great and then i deleted, trying out other things and now I cannot figure out how i did it. I tried putting background-color:rgba(0,0,0,0.7); in the style field but it just turns it solid grey and the background doesn’t show through.

This is my site, i want that gradient background to show through all the content bands. http://cfe.451.myftpupload.com

Thank you for your help!
Rena

[ChristopherModerator]

Hi there,

Please add the following CSS under Customize -> Custom -> CSS :

.site {
  background-color: transparent;
}
footer.x-colophon {
  background-color: transparent !important;
}

Hope it helps.

[EMMParticipant]

To achieve the exact color of container background (without the transparency effect), I am successfully using: .site .entry-wrap {
background: #0101216!important; /* #0101216 color */
}

What I’d really prefer is the same as Cosawes globally, only I want a dark transparent container background (as in the image he attached.

Can you offer a CSS for that?

http://electronicmusicmastering.com

[Rue NelModerator]

Hello There,

Please use this code instead:

.site .entry-wrap {
  position: relative;
  overflow: hidden;
}

.site .entry-wrap:after {
  content: "";
  background-color: #0101216 !important;
  background-image: url('/wp-content/uploads/path/to/imagefile.jpg');
  opacity: 0.5;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

Hope this would help.

[Author]

Posts