Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 12, 2017 at 4:40 pm #820097
    navindesigns

    Hi,

    I need help building a section on my site. I am trying to copy the same exact layout as this site – http://www.studiozphotobooths.com/ – the section seen in this screenshot – http://imgur.com/TbKUxJv

    I manage to copy it somewhat as seen here – http://109.199.127.133/~beaut891/ohsnapselfie.com/ (green background section), however I need help with:

    – How do I have make the 3 images/section span from edge to edge on the browser with no spacing between images.
    – How do I overlay a semi transparent color over the images?

    Thanks

    July 13, 2017 at 5:59 am #820334
    Rikard

    Hey navindesigns,

    For the columns you could try to use the Grid Row element instead, that is full width and you can set the padding and margin to 0.

    Best regards,
    Rikard

    July 13, 2017 at 4:14 pm #820617
    navindesigns

    I got it to work but have one more question

    – how do I add padding around the text section below each image?

    Home

    eg to the left, right, top and bottom of

    our super fun Boomerang GIF Booth takes a series of quick shots and strings them together in an awesome clip that plays forwards and backwards. it’s crazy fun

    our premium photo booth boasts gorgeous professional studio lighting, 32″ interactive touchscreen, high quality props, fast on-the-spot prints, custom templates, instant social media sharing+++

    our one-of-a-kind 3D Selfie Booth uses a new technology called Boomarray to create cool 3D motion effects bringing your selfies to a whole-notha-level

    Please note the padding should ONLY be applied to the text and button below the images and NOT around the images

    • This reply was modified 7 years, 4 months ago by navindesigns.
    July 14, 2017 at 7:19 am #820982
    Rikard

    Hi,

    Please try this in Quick CSS:

    .home #av-layout-grid-1 .avia_textblock p {
  padding:20px !important;
}

    Best regards,
    Rikard

    July 14, 2017 at 5:55 pm #821322
    navindesigns

    great

    one, final issue

    how do i add some padding below the 3 LEARN MORE buttons ?

    July 14, 2017 at 7:57 pm #821394
    Nikko

    Hi,

    Please try adding this code in Quick CSS:

    .home #av-layout-grid-1 .av_one_third {
    padding-bottom: 30px !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    July 15, 2017 at 11:00 pm #821853
    navindesigns

    thank you so much. i am all set now

    July 16, 2017 at 4:29 pm #822069
    Victoria

    Hi navindesigns,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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