Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #698691

    hey there,
    how can I get the transparent overlay I have here to be all the way to the top/bottom of the cell?
    Scroll to, or clock on INFORMATION.
    The row is set with a huge padding.
    And the right cell has padding.
    Thanks

    #699232

    Hey Justin,

    Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,
    Yigit

    #700058

    Hey Yigit, so I am looking to have more control of the transparent background, and how much imagery is seen in the header.
    Right now if it’s dependent on how much text is in the right column (being set to 100%), this is the effect we get (link)….

    When ideally, with control of the header height I can get a more ideal look (that remains with a white GB touching all edges)…see screenshot..

    Thank you

    #700124

    Hi!

    Please edit your color section element and choose not to display any padding on it.

    Cheers!
    Yigit

    #700126

    Hey Yigit….The padding in the color section is set to no padding. If I set the no padding within the cell, we get this :/

    #700128

    Hey!

    Can you please revert to the previous version and post temporary admin logins here privately? :)

    Cheers!
    Yigit

    #700129

    The right column with text needs to be padded and touch all 3 edges of the layout on the right side.

    #700133

    Sure

    #700170

    Hey!

    You already have following custom CSS

    #information .container, #booth .container, #published .container, #polaroids .container {
        width: 100%!important;
        height: 100%!important;
        max-width: 100%!important;
        min-height: 100%!important;
        padding: 0;
    }

    But section ID “booth” was missing on second page. I added it and set the height to 100% as the working exaple. Please review your website now.

    Cheers!
    Yigit

    #700293

    OK thanks Yigit. I actually had it in there originally….I removed it to start clean with you. I guess the only solution to getting the desired results is to add padding to the top and bottom of that right column where there is text so the image to the left can display MORE. My concern with that is how it would render on mobile. Lots of unnecessary scrolling. LMK if you get what I am saying.

    Like right now you’ll see the massive padding on the phone :/

    #701004

    Hi,

    Adjust the padding of the column on mobile view. Something like this should work.

    .flex_column.av_one_half.no_margin.flex_column_table_cell.av-equal-height-column.av-align-middle.avia-builder-el-3.el_after_av_one_half.avia-builder-el-last {
        padding: 10px !important;
    }

    That code is intended for the “Photo Booth” page and as you can noticed, the selector is a little generic. Turn on the custom css class field so that you can specify the class attribute of the column. http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Ismael

    #703372

    Circling back to this topic….any idea what is causing this?
    The images are pulling up a background of some sort on the scroll. Not looking good….

    Thanks..

    #704759

    Hi,

    The screenshot you posted is not working. I assume you are referring to the “Published” section on the homepage.
    We have increased the background image size white adding it from the Media Library. The site looks good on my end now please review and get back to us if you have any questions.

    Best regards,
    Vinay

    #704947

    Hi Vinay, thank you.,
    I am not following precisely what was done though.

    #705284

    Hi!

    You are welcome :)
    When you select the image in media library change the size in “ATTACHMENT DISPLAY SETTINGS”

    Regards,
    Vinay

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