Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 15, 2017 at 9:35 pm #864554
    newtonlinchen

    Hello,

    I’m having trouble again with the grid row cell aligment.

    It was dealed with in a previous thread, but the fix was not optimal.

    The problem: I need the content of the grid cell to align RIGHT, because I’m using a two-cell grid, and the content of each cell should be like this: the content of the LEFT CELL should be aligned RIGHT, and the content of the RIGHT CELL should be aligned LEFT (as it is by default).

    And, thus, setting the distance in pixels “from” the border of the cell, I could maintain both content near, and so, ALIGNED IN THE MIDDLE OF THE PAGE, no matter what’s the screen width.

    Right now, by default, all content is aligned LEFT, and the fix the moderator provided was to make a “space” or “distance” from the left, so that the content of the left cell was pushed from the left towards the middle of the page.

    It kind of worked, in some displays (screens).

    But then I saw the page in another notebook, and the result was awful: the text (left cell content) was mixed with the image (right cell content)… So the fix really didn’t work.

    What I ask of you, please, is to provide a way in with the left cell of the grid can have it’s content aligned right, while the right cell of the grid can have it’s content aligned left. That would fix permanently this problem.

    Here goes the image of the problem, when in a different notebook screen:

    https://www.dropbox.com/s/kj9p5ge0fpu7e34/2017-10-13%2010.49.00.jpg?dl=0

    Can we fix this?

    Newton

    October 17, 2017 at 5:15 am #865095
    Ismael

    Hey newtonlinchen,

    Thank you for using Enfold.

    Have you tried adding more css media queries to adjust the position of the left cell on different screen sizes?

    Best regards,
    Ismael

    October 17, 2017 at 2:23 pm #865289
    newtonlinchen

    Please, Ismael…

    Not again.

    You see, I use a MacBook Pro 13″ screen, and a DELL monitor 23″ screen. So the css we are using in the website work well on both screens.

    But the issue remains the same: I should be able to align the left cell content, RIGHT to the cell.

    Because I was surprised with this colleague notebook (14″ screen) with the content distorted (have you seen the picture I sent?).

    So… I cannot possibly foresee every instance in which it would be necessary a different CSS configuration…

    That’s why I need to be able to adjust it RIGHT to the cell.

    Please help me to do just that: align the content right.

    Regards

    Newton

    October 18, 2017 at 10:31 am #865619
    Victoria

    Hi Newton,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    October 19, 2017 at 12:48 am #866008
    newtonlinchen

    Victoria,

    The website page with the issue is:

    Linchen Automate Para Traders – Robô de Míni-Índice

    The admin info is in private.

    October 21, 2017 at 4:36 am #866923
    Ismael

    Hi,

    So… I cannot possibly foresee every instance in which it would be necessary a different CSS configuration…
    That’s why I need to be able to adjust it RIGHT to the cell.

    I’m sorry but that’s not possible. Using css media queries is quite normal or common in order to adjust the elements’ styling on different screen sizes. I will ask the rest of the support team if you’re not interested with my suggestions but I’m sure they’ll recommend the same thing.

    @media only screen and (max-width: 1599px) {
   #top .custom-cell .flex_cell_inner > * {
       position: relative !important;
       left: 300px !important;
   }
}

@media only screen and (max-width: 1024px) {
   #top .custom-cell .flex_cell_inner > * {
       position: relative !important;
       left: 150px !important;
   }
}

@media only screen and (max-width: 768px) {
   #top .custom-cell .flex_cell_inner > * {
       position: relative !important;
       left: 0 !important;
   }
}

    Best regards,
    Ismael

    October 26, 2017 at 3:47 pm #869232
    newtonlinchen

    Ok, if we can’t align to the right, we can’t.

    I just wanted to be sure about that.

    Where do I put these new css you provided above?

    Thanks, ;)

    Newton.

    October 27, 2017 at 1:59 pm #869551
    Victoria

    Hi Newton,

    You can put the code above in the Theme Options > Quick css or in /enfold/css/custom.css. Custom.css can be accessed by ftp.

    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.