-
Posts
-
Hello
I have my website set up to do the following utilizing custom css found on various threads that force front page to use the stretched layout.
– Homepage has stretched layout. All other pages have boxed.
Boxed layout page (Only have the one page build so far) is working error free.
Stretched layout page (Which is to be the main page/portal) is having the following issues
– Images inside of color section not aligning to top in all views; desired effect is achieved in scaled window:
At full desktop view or anything in between in looks like this:
http://www.joelfarinha.com/issuestemp/joelfarinha_homepage_fullview.jpgIt seems like it should be aligning to the top by default but this is not happening.
If I insert an image outside of the color section it aligns to the top as per “usual”.
I need the image inside of the color section so it works properly with the color section’s custom background image.
Thank you for any help you can give me
JoelHey Joel,
Your homepage is currently not fullwidth and i cannot find the section on your page at the moment. Can you please reproduce the issue and let us know so we can look into it? :)
Best regards,
YigitHi Yigit
I had to temporarily reset it to a “normal” setup with one layout. But the problem occurs in both boxed and stretched layouts. I experimented with both and also completely removing the quick css and having it in; same result.
My current homepage at http://www.joelfarinha.com is fine (but i’m a little paranoid that it may start doing the same thing if I need to edit it extensively).
It seems that any new page that I create with a color section as the first content aligns the content, image or otherwise it to center (or baseline).
I have a test page that I created at http://www.joelfarinha.com/done-talkin that does the same thing :(
Thank you!
JoelAfter burrowing through Google chrome’s inspect I found and duplicated the below settings in the custom csss
.avia-section.av-minimum-height .container .content {
display: table-cell;
vertical-align: top;
height: 100%;
float: none !important;Then removed “irrelevant” values:
.avia-section.av-minimum-height .container .content {
vertical-align: top;
}And now it finally does what I wanted it to do throughout the site.
Would still like to know why this was necessary if you have a momentThank you!
JoelHi Joel,
Great, glad you solved the problem. I’m not sure why you would have to edit that CSS, but I’m guessing it was due to some custom CSS on your site. Are you all good with your problems now though?
Best regards,
RikardHi Rikard
Yes it was strange that I had to do so as well.
This problem is solved lol. Have another that needs another thread to solve.
Thank you!
JoelGreat! We’ll close this thread now. For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
Thank you for using Enfold.
Cheers!
Sarah
- The topic ‘Content not aligning to top inside color section’ is closed to new replies.