Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • November 12, 2018 at 11:49 pm #1032788
    Peter Weger
    Guest

    Hi Kriesi Support,

    I need to make a simple website with fullscreen background images on each page.

    On the page there will be text which should be boxed and with a transparent background.

    How can I achieve such a result with the Enfold team?

    See the link to the pdf file for a better picture of what I need to achieve. The website should look like page 3 (“über uns”) of the pdf document.

    Thank you for the support,

    Peter

    November 13, 2018 at 12:57 pm #1032988
    Rikard

    Hey Peter Weger,

    You can do that using a Color Section element with a background set to it. Then for the column you could use a 1/2 element for instance.

    Best regards,
    Rikard

    November 14, 2018 at 3:29 pm #1033528
    P3T3R_0ne

    Hi Rikard,

    thank you for the reply.

    I tried that. The solution is unsatisfactory though. Check the link to the website in private content.

    Which settings do I need to apply in order to make it look good, like in the pdf?

    November 15, 2018 at 8:13 am #1033816
    Rikard

    Hi,

    Login details are not working, please check and verify.

    Best regards,
    Rikard

    November 15, 2018 at 1:25 pm #1033936
    P3T3R_0ne

    Hi,

    I have made you a new password and it´s working now…

    Please try again with the new login details.

    Regards,
    Peter

    November 16, 2018 at 9:22 pm #1034595
    Victoria

    Hi Peter,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#av_section_1 .avia_textblock {
    background-color: #44444482;
    width: 30vw;
    color: #ccc;
    padding: 10px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 17, 2018 at 2:33 pm #1034730
    P3T3R_0ne

    Hi,

    thank you for helping out for the textblock style.

    What about the background image? There should be an easy way to have it display porpeley? Can you explain please?
    I want it displayed like on the maintainance page.

    November 20, 2018 at 11:36 am #1035523
    P3T3R_0ne

    Hi,

    please. Any update on this issue? I need to finish up this website.

    I need to have a full screen properly displayed background image. Like you see on the maintenance screen (homepage without logging in).

    Please explain in detail how to achieve that.

    November 20, 2018 at 5:30 pm #1035699
    Vinay

    Hi,

    In the color section background options please select the options as seen in the below screenshot.

    Best regards,
    Vinay

    November 21, 2018 at 4:08 pm #1036129
    P3T3R_0ne

    Hi,

    of course, I have already tried these options. The result is very bad. Please check whats wrong.

    Please, actually check the page. I need the image to display like on the maintenance screen (without logging in). Compare that to the homepage (after you log in).

    I have provided you with the login details in private content.

    November 21, 2018 at 6:22 pm #1036230
    P3T3R_0ne

    Hi,

    I just found the problem.
    When I select the background image in media library there are options ATTACHMENT DISPLAY SETTINGS. By default it is using small thumnail size which made the background like really bad.
    I never had those ATTACHMENT DISPLAY SETTINGS in any other WP project.

    Thank you for the help though…

    November 22, 2018 at 6:30 pm #1036682
    Nikko

    Hi P3T3R_0ne,

    Glad that you figured out what’s causing the problem.
    Let us know if you need further assistance.

    Best regards,
    Nikko

    November 22, 2018 at 7:56 pm #1036765
    P3T3R_0ne

    Hi,

    A new issue came up concerning the background.

    With Chrome, Opera and Brave, the background image is juddering when you scroll down the page. This is not so good for the feel of the page.

    The problem doesn´t appear with Firefox and Edge. I cannot test it with Safari right now.

    Please check for yourself.

    What´s causing the issue and how to fix it?

    Regards,
    p3t3r

    November 22, 2018 at 8:50 pm #1036795
    P3T3R_0ne

    Actually, I found out the issue seems to appear when I select an image size of Large 1024 x 683 on ATTACHMENT DISPLAY SETTINGS. When I select an image size of Full Size then the bg image is not juddering.

    November 26, 2018 at 8:04 am #1037536
    Nikko

    Hi P3T3R_0ne,

    Glad to hear that.
    I did check your site using chrome and firefox and there’s a slight difference, and this is most likely a browser issue, this is what I found:
    https://stackoverflow.com/questions/39987788/choppy-scrolling-with-background-attachment-fixed
    maybe the parallax option would help better in this case.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.