Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 9, 2016 at 7:17 pm #595770
    goldengate415

    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 8 years, 8 months ago by goldengate415. Reason: fixed spelling of avia
    March 11, 2016 at 5:45 am #596681
    Rikard

    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

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