Home / Forums / DynamiX Support / Add a fullscreen background image only to one page

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts

  • Frank Weber
    Participant

    Hi,

    is it possible to define only for one page a fullscreen background image?

    Best regards Frank

    Hi Frank,

    It should be possible via CSS. Do you want different background per page or do you want all pages to have the same background image? We can send a sample CSS code if you can specify the page where you want to implement the background.

    Regards,


    Frank Weber
    Participant

    Hi Edcel,

    I want only one page with a fullscreen background image behind the full side. The others pages and posts should stay as it is in the moment (no Background image)

    Best Regards Frank

    Hi Frank,

    Can you please specify the page you want to apply this background to so I can give you the exact CSS?

    Thanks!


    Frank Weber
    Participant

    Hi Edcel,

    I want it for the startpage http://fotologbuch.de only

    Best Regards Frank

    Hi Frank

    You can use this CSS to specify a background color:

    
    body.home.page {
        background-color: #000000;
    }

    If you want an image as background, you can use this CSS:

    body.home.page {
        background-image: url(link to image);
        background-position: center;
    }

    Thanks!


    Frank Weber
    Participant

    Hi Edcel,

    have many thanks. I have testet it and it works. But have some wish.

    – How can I reach, that the header will be not complete transparent? At the Moment the menu is not so good readable.
    – How can reach that the white background of the text window will be more transparent?
    – How can I define the background image a little bit more transparent?

    Kind Regards Frank

    Hi Frank,

    – You should have the option under the Page Editor for the page. Go to the ‘Page Config’ tab and look for ‘Floating Header
    ‘ then set it to ‘Float’

    – This can be done via the Row Settings. Under the ‘Design Options’ tab, click on the ‘Background’ selector then below the color picker, you should see an ‘Alpha’ slider which controls the background opacity.

    – The easiest option for image transparency is to set it using an image editor like Photoshop

    Thanks!


    Frank Weber
    Participant

    Hi Edcel,

    have many thanks. I will try it.

    Best regards Frank

    You’re welcome, Frank!

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.