Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 26, 2014 at 9:43 pm #243560
    Joe Birch

    Sorry for this simple question. How can I add an image behind everything on my website?
    client wants a brick pattern added behind the content. Hopefully the brick pattern would show in the back and the slider and other content areas would float overtop.
    thanks for the help

    March 27, 2014 at 4:43 am #243643
    Yigit

    Hey fixedopsinsight!

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

    .main_color {
background-image: url(https://yourdomain.com/brick-pattern.jpg);
}

    Best regards,
    Yigit

    • This reply was modified 10 years, 7 months ago by Yigit.
    March 27, 2014 at 5:16 pm #243930
    Joe Birch

    Hi Yigit,
    We are close. Take a look
    http://stsjohna.wwwsr11.supercp.com/
    Is there a way to get the brick to appear on the outside of main area, with the main area staying white?
    thanks for your help – joe

    March 27, 2014 at 5:18 pm #243932
    Yigit

    Hey!

    I have updated the code in my previous post. Please try it now

    Best regards,
    Yigit

    March 27, 2014 at 11:04 pm #244097
    Joe Birch

    Getting very close.
    How do I white out the color areas that float above the background
    http://stsjohna.wwwsr11.supercp.com/

    March 28, 2014 at 4:41 pm #244458
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .main_color * {
color: white;
}

    Cheers!
    Yigit

    March 28, 2014 at 10:33 pm #244587
    Joe Birch

    sorry it’s not working

    here is what I have in the quick CSS
    ——–
    .main_color {
    background-image: url(http://stsjohna.wwwsr11.supercp.com/wp-content/uploads/2014/03/Rock-background.jpg);
    }

    .main_color * {
    color: white;
    }
    ——-
    Here was no change to the background behind the type
    http://stsjohna.wwwsr11.supercp.com/
    any ideas?

    March 30, 2014 at 11:20 pm #245222
    Josue

    Hey!

    Here’s how it looks on my end (text is white):

    Best regards,
    Josue

    March 31, 2014 at 12:36 am #245245
    Joe Birch

    Thanks Josue,
    what I was hoping for was having the text inside a colored background. It could be white.
    Can that be done?

    Basically the content in the boxes would float over top the the stone background and not be see through.
    I haven’t figured out how to do that yet.
    You guys haven’t let me down yet. I hope you can help me through this one.

    thanks – joe

    March 31, 2014 at 1:00 am #245249
    Josue

    Hi Joe!

    Remove the color changing code and add this one:

    .home .avia-builder-el-0 {
    background: white;
    padding: 0 20px;
}

    It should look like this:

    Regards,
    Josue

    March 31, 2014 at 1:17 am #245252
    Joe Birch

    That’s It, You guys are the greatest. I tell everyone to use Kriesi themes.

    I am planning to try and be a reseller for you and add a link to my site to yours.

    thanks
    joe

    March 31, 2014 at 1:20 am #245253
    Josue

    You are welcome, glad we could help :)

    Regards,
    
Josue

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Add an image behind everything on webpages’ is closed to new replies.