Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 18, 2020 at 8:07 pm #1205112
    felipedinacio

    I went to general layout and change the Maximum Container width to 1310 but it doesn´t work.
    I´d like to make the image take all the page widht.

    April 19, 2020 at 2:49 pm #1205228
    Victoria

    Hey felipedinacio,

    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

    
.container {
    max-width: 100%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 19, 2020 at 3:39 pm #1205249
    felipedinacio

    Hey Victoria,

    thanks for your reply but it doesn´t work yet.

    April 19, 2020 at 5:07 pm #1205279
    Victoria

    Hi felipedinacio,

    This code works as it should, it’s just the container has the padding too on the sides. If you want it gone too, please use this code instead:

    
#top .container {
    max-width: 100%;
    padding: 0;
}
#top #header .container {
    padding: 0 50px;
}

    Best regards,
    Victoria

    April 20, 2020 at 2:30 am #1205360
    felipedinacio

    Oh, perfect!

    And how could I put it up exactly bellow the menu bar?
    And do it all happen on mobiles e tablets as well?

    April 21, 2020 at 5:26 am #1205652
    Rikard

    Hi,

    Please try this CSS as well:

    .template-page.content {
  padding-top: 0;
}

    Best regards,
    Rikard

    April 21, 2020 at 3:47 pm #1205831
    felipedinacio

    Thank you folks!

    I am so glad!

    See u

    April 21, 2020 at 6:25 pm #1205915
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us now here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to make the image take full widht container’ is closed to new replies.