Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 17, 2016 at 11:25 am #599524
    mleite1

    Hello, I have a section color with two tables inside. The table on the left I have a text and table right I have an image.

    SEE LINK
    http://www.liliansouza.com/assets/2016/#atividades

    I would like the image to occupy all the space on the right (fullwidth). See simulation.

    LINK SIMULATION (example of how I want)
    http://www.screencast.com/t/lCkFl8yN

    Is there any way to mount as in the example above?

    March 17, 2016 at 11:38 am #599527
    Vinay

    Hi mleite1!

    Yes it is possible please use 1/2 grid rows instead of color section.

    Add image as background image for the 1/2 grid row.

    Enable custom css class name and add “full-height” to the 1/2 grid.

    Turn on Custom CSS Class field for all ALB Elements

    Add the following css in Enfold > general Styling > Quick CSS

    .full-height{
min-height:100vh;
}

    Regards,
    Vinay Kashyap

    March 17, 2016 at 12:00 pm #599543
    mleite1

    Ok, it works. Thanks.
    On mobile it does not work well. It is a huge white space between text and image.
    How do I solve this? It is to leave the appearance identical to the desktop? With the text side of the image?

    March 17, 2016 at 12:01 pm #599545
    mleite1

    I forgot the link

    LINK
    http://www.liliansouza.com/assets/2016/#atividades

    Scroll down to scroll

    March 17, 2016 at 5:36 pm #599794
    Vinay

    Hi!

    Please add the css class “full-height” to only the 1/2 section which has the background image so only that section will be stretched 100 height of the view port. If you still have any issues please create a temporary user with ‘administrator’ role and share in private content we will setup a demo page for you.

    Regards,
    Vinay Kashyap

    March 17, 2016 at 5:48 pm #599814
    mleite1

    I’d better get you the access data.

    I do not how to create this rule only for the image background.

    March 18, 2016 at 2:05 pm #600288
    Vinay

    Hey!

    We have created a test page with the 2 col layout for you please check it out :)

    Link in private section.

    Regards,
    Vinay Kashyap

    March 18, 2016 at 2:12 pm #600290
    mleite1

    I’ll check.

    Tks

    March 18, 2016 at 2:22 pm #600296
    mleite1

    Amazing. Very good this option.

    An observation:

    I have to control the height of the photo? It created a lot scroll through photo account. You can put the css a setting for the picture? A CSS type exact fit (for example)?

    March 18, 2016 at 5:47 pm #600459
    Vinay

    Hi!

    Glad you like it :)

    The background image is set as “Fit to stretch” in background options so any image you upload and set it’s property as “Stretch to fit” it will automatically fit the screen. If that is what you mean…

    Best regards,
    Vinay Kashyap

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