Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 18, 2015 at 6:34 pm #413873
    newtonlinchen

    Hello,

    Is it possible to have a stretched layout in the home page and boxed layout in other pages?

    March 18, 2015 at 8:24 pm #413937
    Yigit

    Hey newtonlinchen!

    Please choose to display boxed layout in Enfold theme options > General Layout and then add following code to Quick CSS in Enfold theme options under General Styling tab

    body#top.home,.home header#header {
  max-width: 100%!important;
  width: 100%!important;
}

    Cheers!
    Yigit

    March 18, 2015 at 8:34 pm #413952
    newtonlinchen

    Yigit
    Thanks, but

    I think it won’t work.

    I have this color section with a label of the page, that’s part of the site style. And this color section needs to stretch “infinitely” in the horiztontal space. (That’s why I use the stretch layout).

    This color section would have to be as it is, and only the content below should be “boxed”.

    One possible solution is if I could put a color section inside a layout element (1/1, 1/2, 2/3, etc), this way, I would put the color section (with the texts, images, etc) in the middle, and put two 1/5 layout elements in each side, trying to simulate a boxed content.

    So, how can I put a color section inside a layout element?

    March 18, 2015 at 8:38 pm #413955
    Yigit

    Hi!

    Color section elements are fullwidth only elements therefore they cannot be placed inside column elements. Can you please post the link to your page where we can see the issue please?

    Cheers!
    Yigit

    March 18, 2015 at 8:43 pm #413961
    newtonlinchen

    Yigit,

    It’s not an “issue”.

    It’s just that I would like to maintain the website style, but adding a boxed content below the color section (stripe).

    http://www.daytradingquantitativo.com.br/equipe/

    March 18, 2015 at 8:47 pm #413965
    Yigit

    Hey!

    Would such solution work for you? 

    .avia-section .container {
  background-color: inherit!important;
}
#main .container {
  background-color: orange;
}

    Best regards,
    Yigit

    March 18, 2015 at 8:51 pm #413968
    newtonlinchen
    This reply has been marked as private.
    March 18, 2015 at 9:00 pm #413973
    Yigit

    Hi!

    It should change the background color of main container – http://i.imgur.com/CgiEDw3.png

    Regards,
    Yigit

    March 18, 2015 at 11:59 pm #414045
    newtonlinchen
    This reply has been marked as private.
    March 19, 2015 at 2:42 pm #414424
    Ismael

    Hey!

    A.) You can add the code to the Enfold > General Styling > Quick CSS field.

    B.) Use the page id attribute to change the color for different pages. Can you please provide a screenshot of what you’re trying to do? You can use imgur or dropbox.

    Regards,
    Ismael

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