Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 14, 2015 at 1:28 pm #535855
    Forwards

    Hi Kriesi!

    Thank you for an amazing theme!

    I’m trying to add a white frame around my site similar to: http://www.beoplay.com/products/beoplaya9 and http://demo.qodeinteractive.com/bridge123/blog/.

    Is there any way to achieve this look in Enfold?

    • This topic was modified 9 years, 11 months ago by Forwards.
    November 14, 2015 at 4:42 pm #535894
    Elliott

    Hey Forwards!

    You can add this to your custom CSS.

    body { margin: 20px !important; }

    There is also the “boxed” layout in Dashboard > Enfold > General Dimensions.

    Regards,
    Elliott

    November 14, 2015 at 5:36 pm #535915
    Forwards

    Hi Elliott,

    Unfortunately, your code does not seem to solve this. When using your code, the top and button part of the frame does not “stick” to the screen when the user scrolls down.

    I’m looking for a way to create a fixed passepartout on my site – more like a white frame “on top” of the site. Exactly as seen in this Bridge Demo example: http://demo.qodeinteractive.com/bridge116/.

    Thank you.

    Best
    Forwards

    • This reply was modified 9 years, 11 months ago by Forwards.
    November 15, 2015 at 6:34 pm #536142
    Elliott

    Hi!

    Well you can also add the padding to the HTML container.

    html { padding: 30px; }

    If your still having trouble then send us a link to your page.

    Regards,
    Elliott

    November 15, 2015 at 8:53 pm #536208
    Forwards

    Hi again.

    I’m still having issues. As before, when adding the code, the top and button part of the frame does not “stick” to the screen when the user scrolls down.

    I’ve linked my site and login credentials if you want to take a look.

    Thanks! :)

    November 17, 2015 at 6:42 pm #537558
    Elliott

    Hi!

    Oh I see what you mean. I guess you could add an extra div to the header and give it a gray background so it looks like the content is disappearing beneath it. You can add a widget area to your header by doing this, http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/, and then use a text widget to display extra HTML.

    Regards,
    Elliott

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