Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 16, 2015 at 12:28 pm #503973
    Flavius

    Hi,
    I currently use the stretched version of the theme and would like to have a boxed layout on a few pages. I understand that it would be possible to add a code to Quick CSS to overwrite the default stretched layout on these few pages? Can you please help with this issue?
    I would also like to be able to add a background image on the pages with the boxed layout.
    Thanks.

    September 16, 2015 at 2:05 pm #504097
    Elliott

    Hi Flavius!

    Add this to a codeblock element in the page.

    <style type = "text/css">
#header, #wrap_all { max-width: 1000px !important; }
html { background: url("URL to your image") !important; }
</style>

    Best regards,
    Elliott

    September 16, 2015 at 4:30 pm #504264
    Flavius

    Hi Elliott,

    Thanks for the quick reply.
    I tried this solution but adding the codeblock element and using the code above in the codeblock returns the following on the page [avia_codeblock_placeholder uid=”0″] . I created a test page so you can see the result (URL added under private content).
    Is there a way to do this through the Quick Css field? I tried a few fixes posted on this forum on Quick Css and all work well.

    Best regards,
    Flavius

    • This reply was modified 9 years, 9 months ago by Flavius.
    September 16, 2015 at 4:40 pm #504275
    Elliott

    Hey!

    You can target pages with their class ID on the body element but in this case we are changing the html tag so we have to use the codeblock. Also your adding it to a couple of different pages so this saves time (you don’t have to hunt for page IDs).

    Delete the codeblock element and add it to your page content again. Just copy / paste the CSS in my previous post and save. If it’s still displaying weird then send us a WordPress login.

    Also, it looks like you need to update Enfold.

    Regards,
    Elliott

    • This reply was modified 9 years, 9 months ago by Elliott.
    September 16, 2015 at 5:32 pm #504310
    Flavius

    Hi,

    Pasting it in a text box worked fine. The box is not centered though, it’s left aligned while some elements remain centered (URL added to the private content section).
    I’m adding below the WP login.

    Best regards,
    Flavius

    September 17, 2015 at 8:17 am #504559
    Rikard

    Hey,

    Please try the following instead:

    <style type = "text/css">
#header, #wrap_all { max-width: 1000px !important; display: table; margin: 0 auto; }
html { background: url("URL to your image") !important; }
</style>

    Thanks,
    Rikard

    September 17, 2015 at 3:19 pm #504879
    Flavius

    Thank you Rikard. This worked just fine. Great support guys!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Stretched Layout on most pages, Boxed on a few’ is closed to new replies.