Viewing 30 posts - 1 through 30 (of 30 total)
  • Author
    Posts
  • #295416

    Hi support!

    Thank for the awesome help yesterday.

    As i said i have another issue,

    We are trying to replicate this home page in our design, http://anchor.umbrella.al/2demo/

    We don’t need the ajax animations or anything, what we really need for the design that was signed off is a full page slide show behind the 3 content blocks. I managed to set this up in a colour section, but then realised that the colour section only offers one background image and not a slide show. We need the images to change in the background behind the 3 content blocks.

    What would be the best route?

    #295499

    Hey McEwans!

    You can simply add content sliders under content elements in Advanced Layout Builder into your color section element :)

    Regards,
    Yigit

    #295504

    Sorry i don think i understand you correctly. Would this create a fullscreen image slide show?

    #295508

    Hey!

    You already have fullscreen slideshow on your page and i thought you would like to make slideshows into 3 content boxes like example site. Could you please elaborate? I am not sure if i understood you correctly

    Cheers!
    Yigit

    #295510
    This reply has been marked as private.
    #295512

    sorry that full screen slide show on the home page we had to code in with some custom hacks using the child theme style.css file. But it effects all the theme colour styling so it is messy. I thought maybe there was an easier more stable way to do this with the them layout options.

    #295514

    The full screen background slider we are using is also not responsive and the image distorts on lower resolutions.

    #295515

    Hey!

    Currently there is no easier way i am afraid. You can request such feature or vote if already requested here – http://www.kriesi.at/support/enfold-feature-requests/
    How does it effect theme styling? Please use Color Section ID and Page ID to customise your page so changes would be applied to the element only on that certain page :)

    Cheers!
    Yigit

    #295520

    Ok thank you! I think that will help us a lot, we are finished work now here, so i guess if there are more issues i will speak to you tomorrow :) Is it ok if we try this out before we close this ticket?

    #295642

    Hi!

    Sure, i will keep the thread open and it will be on hold until you reply. So please try and then post the results here :)

    Best regards,
    Yigit

    #295831

    Would it be possible to position one of the theme sliders like you have said to the colour section and use it as the background slider? Would i need to firebug the colour section ID? Or can i add my own ID to it?

    #296633

    Hi!

    Using custom CSS it is possible. Giving color section an unique ID would be better. Please see – http://www.kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png

    Cheers!
    Yigit

    #296652

    Thanks Yigit, so if we gave the colour section an ID would we need a more advanced developer to set the slider in position or is there a line of code on your side that would work?

    That would finish the ticket off perfectly :)

    #296655

    This conflicts with your menu and links, not chickable in mobile devices.

    #296771

    Hey!

    Please add slider to top of your test page and add color section element with unique ID right below it so we can take a quick look :)

    Regards,
    Yigit

    #296773
    This reply has been marked as private.
    #296778

    Hey!

    Can you also post the link to your test page?

    Best regards,
    Yigit

    #296779
    This reply has been marked as private.
    #296786

    Hi!

    Please try adding following code to Quick CSS

    @media only screen and (min-width: 990px) {
    div#bg_slide {
    position: relative;
    top: -466px;
    background: rgba(255,255,255,0.3);
    }}

    You may need to adjust the values

    Cheers!
    Yigit

    #296814

    thanks Yigit! i tried the code, it got us to a similar position we reached when we where trying to style it. I have added content to the columns, have a look, the blocks display well until mobile size, then they drop to a grey content area. But even in desktop browsing their is a red colour coming up from the footer to below the slider. This was the main issue we had that we could not solve…

    #296817

    Hey!

    Do you mind creating a temporary admin login and posting it here privately so i can look into it?

    Cheers!
    Yigit

    #296823
    This reply has been marked as private.
    #296832

    Hi!

    Please review your website now. I have removed the red bar. For mobile, it would be better if you remove slider and only display color section with a background image

    Cheers!
    Yigit

    #296853

    how did you remove the red bar?? We couldn’t find that!?

    Also the content blocks only show up when i scroll on the page, when i load the test page without scrolling they dont show up :P So sorry for this man, really don’t mean to take up so much of your time!!

    #296857

    And with the background image on mobile, must i then media query the slider to display none?

    #296858

    Hey!

    I have changed “top” to “margin-top”. Please try adding following code to Quick CSS and check if that helps

    div#bg_slide { z-index: 99; }

    EDIT: Yes. You can turn on Custom CSS field for ALB elements ( http://www.kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) to make it easier to target the element :)

    Regards,
    Yigit

    • This reply was modified 4 months ago by  Yigit.
    #296868

    Thank you its working perfectly now! Wow this service you gave today was 10 out of 10

    #296871

    Where did you input your styling? I dont see it anywhere in the quick css?

    When we update the them will there be any issues?

    #296876

    Hi!

    You are welcome, glad we could help :)
    I saw that you have added your custom CSS code to Style.css file of your child theme in Appearance > Editor so that is where i have made adjustments. Changes will not be lost when you update your theme

    Regards,
    Yigit

    #303277

    Thanks for the help on this! Top notch support.

Viewing 30 posts - 1 through 30 (of 30 total)

The topic ‘Full page background slider with content’ is closed to new replies.