Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 27, 2016 at 12:42 pm #590227
    vossenm

    Hi there,

    In the link below I have used 2 normal columns of 1/2 for the upper block and in the next blocks I have used the grid row building elements.
    Is it possible to make the grid-row elements behave in the same way, using the main viewing area in the middle and having space/padding on the left & right?

    How can I set the parameters of the grid-row to match the column behavior at all times?
    I noticed using pixels or % of space in the padding settings, the padding will be too big on, for example an iPad..

    The normal columns seem to behave in a different way, showing the padding on a widescreen and removing the padding on different screens like iPads.

    BTW: The reason why I am using grid-row elements in the first place is because I need the custom ID-Attribute that is only available in the grid-row elements to jump to that part of the page with buttons. ;)

    Marcel

    • This topic was modified 8 years, 8 months ago by vossenm.
    March 1, 2016 at 4:57 am #591321
    Rikard

    Hey Marcel,

    Could you provide us with a link to the site in question so that we can take a closer look please? Don’t let the ID option limit you, you can activate the custom CSS fields for all elements by following this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Regards,
    Rikard

    March 1, 2016 at 12:08 pm #591469
    vossenm

    Thank you Rikard,

    Oops I pasted the wrong link, I corrected it now!
    The grid row blocks are the video block and the brown text blocks at the bottom.

    Thanks for the link to make the normal columns have Custom CSS option too, thats great!
    I tried this and it works, but it adds an extra field called “custom CSS”, the field I used to scroll to the sections is called “custom ID” though.
    Can I add such a field to the other column elements too? It enables me to have the buttons at the top scroll the page to the right section…

    If it is possible to set the parameters of the grid-row to match the column behavior at all times I’d like to know how just in case it would come in handy, but if its just not the way this works i understand :)

    Marcel

    • This reply was modified 8 years, 8 months ago by vossenm.
    March 1, 2016 at 2:54 pm #591563
    Yigit

    Hey Marcel!

    I could not make sure if this is related with – https://kriesi.at/support/topic/jump-to-different-part-inside-text-block or not. If not, can you please elaborate?

    Best regards,
    Yigit

    March 1, 2016 at 3:50 pm #591600
    vossenm

    Ooooh sorry my fault….

    I didn’t realize you were answering 2 different questions….now I understand what you meant better! :)
    This question is what I thought we were talking about in the other thread all the time…
    But now I realize your first answer was about the text section, not about THIS thread.

    I understand now about the anchors, but why is the grid row element different from the normal columns if you look at the way the padding is arranged? Is there a way to have a grid row element and still have te same padding as the normal columns?

    Marcel

    March 1, 2016 at 4:04 pm #591605
    Yigit

    Hi!

    You can click on your grid row columns to adjust their paddings. If you could please post the link to your page and a screenshot showing the changes you would like to make, it will be great :)
    You can upload your screenshots on imgur.com or dropbox public folder and post the links here.

    Cheers!
    Yigit

    March 1, 2016 at 4:31 pm #591634
    vossenm

    Hi Yigit,

    If you check below:
    – In the first link (diversen-kopie/#gastenboek) I used a grid row element with a 1/1 textfield , setting the padding to 18%
    – In the second link (diversen/#gastenboek) I used a normal 1/1 column for the textblock

    On my widescreen monitor these text blocks look the same, but on my iPad I can see that the column method uses the whole screen there, while the grid row method with 18% padding still has 18% left and right, which makes it relatively more padding than the column version.

    So basically I am wondering if there is a way to make the grid row version work in the same way the column version works?
    Why do grid row elements use the area outside the ‘safe area’ for the content?

    Hope you see what I mean?

    Marcel

    • This reply was modified 8 years, 8 months ago by vossenm.
    March 4, 2016 at 10:49 am #593194
    Ismael

    Hey!

    Thank you for the info. We can reduce the padding on mobile with css media queries. Please add this in the Quick CSS field:

    @media only screen and (max-width: 767px) {
#gastenboek .flex_cell {
    padding: 4% !important;
}
}

    Regards,
    Ismael

    March 4, 2016 at 12:27 pm #593232
    vossenm

    Hi Ismael,

    This doesn’t seem to change anything in the way the text is displayed in the link below…It seems that the 22% padding of the column in the grid row element is still more important?

    But I was looking for a more general explaination why it is built like this.

    Why is it that content that is placed in a 1/1 column element is restricted to the middle part of the site (I think it’s called the safe area?) when viewed on a widescreen monitor, but content a 1/1 column in a grid row element is stretched all over the screen from left to right?
    Is that by design? And if so, why did they do this?

    • This reply was modified 8 years, 8 months ago by vossenm.
    March 8, 2016 at 9:35 pm #595176
    Andy

    Hi!

    this is expected behavior, as grid row element is always fullscreen by default.

    Regards,
    Andy

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