Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 8, 2015 at 9:14 am #499731
    lucapers

    I want to create an avia section that has a container with the following specifications:
    desktop view : container max-width 1310px and padding left and right 50px (this is standard !)
    mobile view : container max-width = 100% (instead of 85%) and no padding (this is standard !)
    Can I achieve this by adding a custom class to that section and adding some custom CSS, so that the changes – 100% instead of 85% – only affect the sections equipped with that specific class ?

    September 8, 2015 at 1:13 pm #499820
    Yigit

    Hi Luc!

    Please add a color section with a unique ID to your page – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add following code to Quick CSS in Enfold theme options under General Styling tab

    #your-unique-id .container { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }

    Best regards,
    Yigit

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