Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 3, 2017 at 9:00 am #770958
    KMC DC

    I am trying to lay out a row with 5 columns I want it to be mobile ready and look crisp and well spaced on my homepage on desktops. Each column will contain 3 elements including a title block that covers varying heights. The grid row works perfectly because I can place the title in as a single content element and then put the other material in as a layout element.

    The main thing I would like to do is stop the grid row from being full screen. I think it goes better within the entry content wrapper like the row below it.
    Can I make that happen? It would be great if I could apply it to this page only

    Home Page

    April 3, 2017 at 9:19 am #770968
    John Torvik

    Hey kelsangwangpo,

    Please, may you explain your question better and increase some screenshots?

    Best regards,
    John Torvik

    April 3, 2017 at 9:26 am #770975
    KMC DC

    Sure

    This is what I have
    Have

    This is what I desireDesired layout

    The difference is that when I use gridrow I end up with the content in the div flex_cell no_margin av_one_full avia-builder-el-2 avia-builder-el-no-sibling

    But I want it to appear in the div entry-content-wrapper with the rest of the post content.

    Is that more clear?

    April 4, 2017 at 6:07 pm #771892
    Andy

    Hi,

    not sure what you mean, but try this code inside Quick CSS field:

    div#after_submenu {
width: 82%;
left: 8%;
}

    and adjust as needed. Hopefully this is what you’re looking for.

    Best regards,
    Andy

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