Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 17, 2014 at 5:24 am #320296
    creatiffco

    Hi there,

    I’m trying to create a full width container for a plug in I’d like to use.. I tried to use this in the custom CSS code, but nothing seems to be working:

    .page-id-696 .main_color.container_wrap.fullsize,
    .page-id-696 .template-page.content.twelve.units {
    width: 100%;
    }

    Attached is the link to the page where I want the plug in (a specific hover gallery) to be 100% — from one side of the window screen to the other. I am using this instead of the masonry portfolio because I want the social share benifits.

    PLEASE let me know how I can make this container on this specific page full width,

    Thank you.

    September 17, 2014 at 5:02 pm #320596
    Yigit

    Hey creatiffco!

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

    #your-custom-id .container { width: 100%; margin: 0; }

    Regards,
    Yigit

    September 17, 2014 at 6:20 pm #320650
    creatiffco

    You.Are.AMAZING. Thank you!!

    September 17, 2014 at 6:35 pm #320656
    Yigit

    Hey!

    You are welcome, glad we could help :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Full Width Page’ is closed to new replies.