Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 16, 2017 at 10:23 am #747883
    missholst

    Hi

    I would like to have a fixed background image and place my text in 50% opacity color sections on top, so that you can still see the image behind. Is that possible? I have found a homepage (see link below) how has it, and it is something like that i want.

    Please let me know how to :)

    February 17, 2017 at 5:48 am #748224
    Rikard

    Hey missholst,

    I think that should be possible, but you will need custom CSS to achieve that look. Please link to the site you are working on if you should need any further help on the topic.

    Best regards,
    Rikard

    February 17, 2017 at 2:11 pm #748435
    missholst

    Hi Rikard

    The site i’m working on is under construction, so i’ll need to make you a profile and will therefore need your email.

    February 19, 2017 at 5:39 am #748955
    Rikard

    Hi,

    You can use your own email or (Email address hidden if logged out) , we really only need user and password though.

    Best regards,
    Rikard

    February 20, 2017 at 2:44 pm #749377
    missholst

    Hi Rikard

    I have made a user with your email.

    To get a fixed background image i’ve tried to use plugins as WP-Backgrounds Lite and Full Background Manager, but without success. I really hope you can help me.

    February 21, 2017 at 7:09 am #749750
    Rikard

    Hi,

    Thanks for that, though I only get the coming soon page even on /wp-admin, not sure what’s going on there?

    Under opbygning

    Siden er under opbygning – på snarlig gensyn :)

    Best regards,
    Rikard

    February 21, 2017 at 9:06 am #749822
    missholst

    Hi Rikard

    It should be changed now.

    BR Tine

    February 22, 2017 at 6:07 am #750253
    Rikard

    Hi Tine,

    Thanks for that, I can see the site now. I’m not sure exactly what you want to change though? Do you want the caption on the slider full width?

    Best regards,
    Rikard

    February 22, 2017 at 11:43 am #750424
    missholst

    Hi Rikard

    I want to have a fixed background image with text upon in 50% opacity color sections, so you still can see the image through – just like the website below.
    I’ve tried to use plugins as WP-Backgrounds Lite and Full Background Manager, but without success.
    I only want a fixed background image on some pages, and for those pages it’s different images. So what i need is to know how i make a fixed background image only on one page.
    Can you help me with that??

    Best regards
    Tine

    February 22, 2017 at 7:18 pm #750611
    missholst

    I have also tried the CSS code:

    body.page-id-579
    {
    background-image:url(‘http://www.teknikerne.dk/wp-content/uploads/2015/10/Header_FactoryAndFacilites.jpg’);
    background-repeat:no-repeat;
    background-attachment:fixed;
    }

    February 22, 2017 at 8:03 pm #750637
    missholst

    Never mind, think I finally found the solution.

    Guenni007: https://kriesi.at/support/topic/on-each-page-one-different-background-image/
    every page of your site has its own page-id in form of a class to body ! (look to the source code of the concerning website page)
    so if you don’t want to install a plugin the only way is to set up for each page-id a unique rule in quick css

    so if you have the code above set up first the non-changing rules:

    .main_color {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: #ffffff;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: cover;
    }
    and than for every page (even if home page got it) for example.

    .page-id-31 .main_color {
    background-image: url(“//studiopsicologoverona.it/wp-content/uploads/2016/03/PSICOLOGO-VERONA-GIORGIO-DAL-MASO.jpg”);
    }
    .page-id-65 .main_color {
    background-image: url(“//studiopsicologoverona.it/wp-content/uploads/2016/03/PSICOLOGO-ROMA-GIORGIO-DAL-MASO.jpg”);
    }

    February 23, 2017 at 6:51 am #750831
    Rikard

    Hi @missholst,

    Thanks for sharing that, much appreciated. So you got your problems solved now?

    Best regards,
    Rikard

    February 23, 2017 at 10:48 am #750883
    missholst

    Hi Rikard

    Yes it solved my problems :)

    BR Tine

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Fixed background image with fullwidth color sections on top’ is closed to new replies.