Jump to content

Archived

This topic is now archived and is closed to further replies.

martinjrob

background

Recommended Posts

martinjrob

I am having problems in figuring out how to make the sections transparent so it shows 1 background color, Image.

I have made all sections with no background colour as it suggests in pagelines docs

this is the domain name http://www.socialwebservice.co.uk/ and this is how i would like it to look http://ecologysurveysinnorfolk.co.uk/

 

Any help will be much appreciated. 

Share this post


Link to post
Share on other sites
Danny

Hi Martin,

You appear to have added inline styling or select a dark green background color for the canvas section. See my screenshot.

https://cloudup.com/cq2iDmBpNQC

Therefore, please remove that and then use the following CSS:

.boxed-wrap {
  background: rgba(0, 0, 0, 0) !important;
}

section#pl_areau06b98 {
    background-color: rgba(0, 0, 0, 0) !important;
}

section#pl_areau66ab5 {
    background-color: rgba(0, 0, 0, 0) !important;
}

Also, the image for the header, isn't transparent, it has a dark green background so that will not look similar the site you're trying to recreate unless you edit the image or use the one from that site.

NewLogo.jpg


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
martinjrob

Thanks Danny that worked a treat your the man :)

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • nandorj78
      By nandorj78+
      I'd like to request a section (or that this could be enabled on the background settings of the existing sections) in which we could set a image to stay fixed, just as we can see in the link below:
      http://www.bootply.com/render/100702 (you can see 2 different background images and everything scrolls on top of it.)
      Is it possible to be done without having to code it via CSS every time?
    • jacobtippett
      By jacobtippett+
      Hi,
      I am trying to get the background image of the Revslider to be clickable and redirect to a link.
      Does anyone know how this is possible?
    • abuzzelli
      By abuzzelli+
      Trying to adjust the position of the background image on http://churchofwolves.com/. I need the wolf background to move over to the left on mobile versions so it can be seen. Here's the code I'm using and it's not working. I've tried a bunch of different things. Getting frustrated. Any advice?
      @media (max-width: 768px) { .home .site-wrap{ background: url(http://churchofwolves.com/wp-content/uploads/2015/06/Church-of-Wolves-bkgd1.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 100% 0%; } }  
    • zetanet
      By zetanet+
      I can insert three text box in a page, of course.
      I'm not able to set three different background colors to each text box.
      I would like a result as the attached picture.
      How do I do this?

    • gavred
      By gavred+
      Hi Guys, 
       
      I wonder if you could help me. I'm trying to add a simple background graphic to a page title. (See attached.) 
      I know I could just create each graphic and add it to the top of each of page as an image, but I'm wondering if there's a better way? 
       
      If you have any suggestions I'd be very grateful. 
       
      For reference, the site i'm building is www.pjwalshlaw.com. 
       
      Thanks, 
      Gavin.
×