Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 10, 2014 at 6:13 am #234501
    wsmith187

    hi guys,

    i’ve got a background with this code and it works great

    }
    .content {
    margin: 50px;
    padding: 25px;
    background: #ffffff;
    background-color: rgba(255, 255, 255, 0.8);
    }

    The problem is the background goes infront of color sections which have fixed images similar to your Home v7 One page portfolio example page.

    How do I make the color sections come to the front similar to bringing layers to the front in photoshop/illustrator?

    Note: I have very little coding knowledge, but have researched heaps and tried
    #av_section_1 {
    z-index:1;

    and it didn’t work.

    Thanks in advance
    Will

    March 10, 2014 at 7:22 am #234539
    Ismael

    Hi wsmith187!

    Thank you for using the theme. I hope you’re doing well today.

    I’m not really sure if I understand you correctly. Layers on the web doesn’t exactly work like photoshop. Please give us a link to the website and a screenshot of what you’re trying to do.

    Best regards,
    Ismael

    March 10, 2014 at 7:43 am #234545
    wsmith187

    Screenshot

    Thanks for getting back to me so quickly. I’m running locally with MAMP so can’t send you a link but above is a screenshot.

    I want to bring the color section (with the image of the ocean) in front of the white background. At the moment the white background behind the main content is making it hard to see the ocean image in the the color section.

    Thanks again
    Will

    March 10, 2014 at 7:44 am #234546
    wsmith187

    March 10, 2014 at 7:49 am #234550
    wsmith187

    https://www.dropbox.com/s/pxihlbhheczpwjb/color-section-bring-to-front.jpg

    March 10, 2014 at 1:45 pm #234677
    Ismael

    Hi!

    How did you set up the page? We really need to see the actual website so that we can inspect it. You can create a separate color separation below the content then place the ocean background on it.

    Best regards,
    Ismael

    March 10, 2014 at 2:11 pm #234694
    wsmith187

    Thanks for the reply. I will upload the page tomorrow and send through the link so you can inspect.

    Cheers
    Will

    March 10, 2014 at 2:16 pm #234698
    Ismael

    Hey!

    Alright. Please let us know once the site is live.

    Regards,
    Ismael

    March 11, 2014 at 3:47 am #235149
    wsmith187

    hey ismael,

    the site is live here http://www.hawaii4aussies.com.au/holiday-test/. this is how the page has been set up in the backend https://www.dropbox.com/s/brwfafwsasxj9vt/screenshot%20setup.PNG (i hope you can see this okay).

    i have created a seperate color seperation below the content but the background still flows onto it.

    cheers
    will

    March 11, 2014 at 5:21 pm #235677
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #av_section_2 .content {
background: transparent;
}

    Cheers!
    Yigit

    March 12, 2014 at 3:01 am #236046
    wsmith187

    Awesome that has done the job!

    Thanks very much.

    Will

    March 12, 2014 at 3:33 pm #236348
    Yigit

    Hi!

    For your information, you have custom CSS code to add background color to content, that causes the issue.
    Glad we could help :) Let us know if you have any other questions or issues

    Cheers!
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Background appearing above color sections’ is closed to new replies.