Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 5, 2016 at 11:40 am #608194
    mike.rav

    Hello,

    I have been trying to add full screen page backgrounds in my pages but i am having issues.

    Well basically i want to have a different background image for each page, but also when there is a lot of content to be able to scroll..

    Well, i managed to achieve the backgrounds, but if the content is a lot there is no scroll.

    Can you please advise?

    You can check through administration my css

    Thanks in advance.

    April 5, 2016 at 6:24 pm #608421
    Yigit

    Hi george!

    Please turn on custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your text block element and give it a custom class and then add following code to Quick CSS in Enfold theme options under General Styling tab

    
.your-custom-class {
    overflow-x: scroll;
    height: 100px;
}

    Cheers!
    Yigit

    April 6, 2016 at 7:26 am #608726
    mike.rav

    Hey,

    Thanks for the response.

    Your suggestion though means that i have to add a class to each element i want to use in the page?

    Isnt there another way to set a full page background and not interfere with content scroll? I tried WP-Backgrounds lite, but its not responsive.

    April 6, 2016 at 8:10 am #608740
    Vinay

    Hi!

    In page scroll feature on a block of text can only be achieved by using custom CSS.

    An alternative would be to use the elements in a color section so you can easily control the background image and set min height to 100% on color section so page is visible and it scrolls automatically when there is more content. Please check the link in private content we have created a test page for you.

    Best regards,
    Vinay

    April 6, 2016 at 8:35 am #608749
    mike.rav

    Hello,

    I saw the page you created, though the issue here is that i want my image to be applied in the full page including the header. In your page it only shows in content area below header.

    April 6, 2016 at 2:26 pm #608966
    Vinay

    Hi!

    In that case we can use a transparent header :)

    We have updated the changes please review the page now…

    Regards,
    Vinay

    April 6, 2016 at 2:33 pm #608974
    mike.rav

    Hey thanks for the response.

    With transparent header though i dont have Title Bar with Page Title and Breadcrumb Navigation.

    Basically i want a normal pages, but with a a different background image added to the whole body, like when using “body background” in Enfold Options.

    Like i mentioned in the beginning, through some CSS i added (you can see in appearance>editor), i kind of achieved this, though the content was un-scrollable.

    • This reply was modified 8 years, 7 months ago by mike.rav.
    April 6, 2016 at 7:27 pm #609119
    Vinay

    Hi!

    No problem! We added a bit of custom CSS for you in Enfold > General styling > Quick CSS

    #section_margin {
margin-top: -240px;
padding-top: 240px;
}

    And added this ID “section_margin” to the color section so the section appears below the header on any normal page :)

    Cheers!
    Vinay

    April 7, 2016 at 11:45 am #609499
    mike.rav

    Hey,

    Excellent thakn you very much for your help.

    A+ support

    April 8, 2016 at 6:27 am #610017
    Rikard

    Hi,

    Great, glad we could help :-)

    Thanks,
    Rikard

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