Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #595770

    I am wondering what the best way is to overlay custom text on a full screen photo, as in this page:

    http://82a.889.myftpupload.com/contact/

    I used Avia layout builder to insert:

    1×1 layout
    full screen slider
    google map

    The full screen slider doesn’t want to go inside the 1×1 layout, and if I don’t use the 1×1 layout, the image is compressed and does not scroll.

    Question: I am happy with the page as it is, but would like to (a) get rid of the white space between the menu bar and the image, and (b) find out how to move the text a little higher in the image and (c) find out best way to do this in the future – is there an easier way than how I have done it?

    Thanks!
    Rob

    • This topic was modified 4 years, 7 months ago by  goldengate415. Reason: fixed spelling of avia
    #596681

    Hi Rob,

    I’m not sure I understand exactly what you are trying to do but you can try the following CSS in Quick CSS to remove the space under the menu and move the text up higher:

    .page-id-15 #av_section_1 {
    display:none !important;
    }
    
    .page-id-15 .slideshow_caption {
    padding-top:20px !important;
    }

    Please try to explain a bit further and/or post a screenshot highlighting the changes you want to make if the code does not fix your issues.

    Best regards,
    Rikard

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

You must be logged in to reply to this topic.