Background / transparent foreground - by Jens

This topic has 8 replies, 3 voices, and was last updated 9 years, 3 months ago ago by Eva Kemp

  • Avatar: jbrogaard
    Jens
    Participant
    January 26, 2015 at 23:42

    Hi, can you suggest any css settings which would make the foreground transparent in order to be able to view an uploaded image background (with or without box layout) through color scheme settings. My goal is simply to put a textured background on the theme which should cover the whole page and not just the borders.
    Looking forward to your answer.
    Jens

    7 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    January 27, 2015 at 09:16

    Hello,

    Maybe provide screenshot for our better understanding and highlight what exactly you want.
    Also please provide us with link to the page.

    Regards,
    Robert Hall.

    Avatar: jbrogaard
    Jens
    Participant
    January 27, 2015 at 09:32

    Hi, pls view this: https://www.8theme.com/demo/legenda/games/?et_styles=1-0-1-0-7-0-13-0-12
    The only difference I’d like to see is the mountain background not only on the left and right side borders but also as background for the middle part as well instead of the white.
    I hope you understand.
    Jens

    Avatar: Eva
    Eva Kemp
    Support staff
    January 27, 2015 at 10:54

    Hello,

    Please add this code in custom.css file:

    .page-wrapper {
      background-image: url("http://link_to_your_image") !important;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: jbrogaard
    Jens
    Participant
    January 27, 2015 at 17:12

    Hello, I’ve now tried to implement this and it’s one step further but as you can see here: http://www.jensengrill.dk/grill-modeller-2/sammenlign/
    there are still some black boxes left where the background can’t be seen. Any way to make that transparent?
    I hope the last bit is possible.
    Best.
    Jens

    Avatar: Eva
    Eva Kemp
    Support staff
    January 27, 2015 at 18:45

    Hello,

    I’ve added this code in custom.css file:

    .container, .title span {
        background-color: transparent !important;
    }

    Please check your site now.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: jbrogaard
    Jens
    Participant
    January 27, 2015 at 23:07

    oh wow, great, couldn’t be better, thanks a lot. Have a nice evening 🙂

    Avatar: Eva
    Eva Kemp
    Support staff
    January 27, 2015 at 23:18

    Hello,

    You’re welcome.

    Have a good evening too.

    Thank you.
    Regards,
    Eva Kemp.

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Background / transparent foreground’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.