Jump to content
Sign in to follow this  
admin_mdp12

set morefoot background transparent

Recommended Posts

admin_mdp12    2
admin_mdp12

Hi, 

I'd like to set the morefoot background transparent and the page/post background white... and I'm not able to...

I've tried different strategies:

- change the colors in the "site options" but the post/page area works together with the morefoot

- I should use the footer area, but it doesn't accept callout and boxes

- I search for css code to change morefoot background, but I didn't find it

 

Probably I can't see a very easy solution, but I'm not a professional webmaster, please forgive me.

 

thank you!

Fabio

 

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Fabio

 

The morefoot color can be changed by css. I've included a link to a post below which has the code in to edit the morefoot.

 

http://www.pagelines.com/forum/topic/25742-2-questions-changes-to-more-foot-colour-scheme-removing-white-spaces/

 

The morefoot is a container, it usually follows the color of the page canvas which goes underneath it. So setting it to transparent might not give the effect you're looking for. From what you've described above you'll need to either change the morefoot using the above code to match the background (making it seem transparent), or remove the page background color in the color control tab and color the content area manually using css.

  • Like 1

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
admin_mdp12    2
admin_mdp12

thank you James!

You are right, I need to let the page background transparent, because I want to show an Image background... my website is www.realwayoflife.com

So I have to set che content area back ground.

can I use a code like this?

.section-content .content {background:#649719;}

Share this post


Link to post
Share on other sites
James B    436
James B

To make the color stop before the morefoot area you'll need to be more specific on the selector. I would say either #pagelines_content or #column-wrap would give that effect.

 

#pagelines_content {background:#649719;}

  • Like 1

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
James B    436
James B

you're welcome :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • 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?
    • martinjrob
      By 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. 
    • 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?

×