Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 21, 2018 at 10:07 am #915333
    sonderdesigner

    Hi,
    I was wondering if there is a possibility to keep the grid row inside the stretched layout.
    I would like to have a blog on the right side (blog view with Raster Layout) and left side image and text and underneath text. The only way to design this – without using sidebar – is the grip row design. Only thing, the grip row dos over the whole side, and I would like to have it the same wide like the stretched layout.

    Thanks for your help,

    _K

    February 21, 2018 at 3:41 pm #915520
    Ismael

    Hey sonderdesigner,

    Thank you for using Enfold.

    The page doesn’t exist. Please provide the login credentials in the private field. Or edit the grid row element, add a Section ID (ex: custom-grid) to it then specify the width manually in the Quick CSS field.

    #custom-grid {
    width: 1030px;
    margin: 0 auto;
}

    The width should be the same as the Maximum Container Width value.

    Best regards,
    Ismael

    February 21, 2018 at 10:23 pm #915739
    Guenni007

    if you are not satisfied with that quick and dirty version – here is a how to.
    i really don’t know why i’m unsatisfied with that css version – mybe the background (left and right area besides the not fullsize grid-row background color was the reason. i decided to have a surrounding container on that grid-row.

    https://kriesi.at/support/topic/grid-row-not-fullsize-how-to/

    February 22, 2018 at 4:57 am #915864
    Rikard

    Hi,

    Thanks for sharing @guenni007, much appreciated :-)

    Best regards,
    Rikard

    February 22, 2018 at 7:44 am #915926
    sonderdesigner

    Thank you so much for your help. Thanks Guenni007 works perfect!

    March 6, 2018 at 5:15 pm #922413
    ThorstenFB

    Hi Ismael,

    I used your code above to make the “Grid Row” not displayed full with.
    But it does not word in the mobile view correctly.
    You’ll find the login to my site under private content:

    I would be gad if you could help me.
    Thanks, Thorsten

    March 8, 2018 at 6:33 am #923572
    Victoria

    Hi ThorstenFB,

    The code for custom width is affecting all sizes and it’s breaking things.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #custom-grid {
      width: 100%;
    }
}
@media only screen and (max-width: 767px) {
  #custom-grid {
    width: 100%;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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