-
AuthorPosts
-
October 13, 2016 at 1:22 pm #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.
ThanksOctober 14, 2016 at 5:21 pm #699232Hey 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,
YigitOctober 17, 2016 at 3:11 pm #700058Hey 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
October 17, 2016 at 4:44 pm #700124Hi!
Please edit your color section element and choose not to display any padding on it.
Cheers!
YigitOctober 17, 2016 at 4:50 pm #700126Hey Yigit….The padding in the color section is set to no padding. If I set the no padding within the cell, we get this :/
October 17, 2016 at 4:51 pm #700128Hey!
Can you please revert to the previous version and post temporary admin logins here privately? :)
Cheers!
YigitOctober 17, 2016 at 4:51 pm #700129The right column with text needs to be padded and touch all 3 edges of the layout on the right side.
October 17, 2016 at 4:53 pm #700133Sure
October 17, 2016 at 6:32 pm #700170Hey!
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!
YigitOctober 17, 2016 at 10:20 pm #700293OK 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 :/
October 19, 2016 at 6:15 am #701004Hi,
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,
IsmaelOctober 24, 2016 at 5:07 pm #703372Circling 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..
October 27, 2016 at 9:46 am #704759Hi,
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,
VinayOctober 27, 2016 at 5:50 pm #704947Hi Vinay, thank you.,
I am not following precisely what was done though.October 28, 2016 at 1:40 pm #705284Hi!
You are welcome :)
When you select the image in media library change the size in “ATTACHMENT DISPLAY SETTINGS”Regards,
Vinay -
AuthorPosts
- You must be logged in to reply to this topic.