Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • July 27, 2014 at 3:48 pm #296470
    tocal

    Hi guys,

    I’ve got a slider at the top of my homepage which is blue with a white area at the bottom. The site is full width and so you can see the white area against the blue edges (see here). Is there a way to make it look like the design here where the character can overlap into the white which spans the full browser width?

    Thanks

    July 28, 2014 at 12:22 pm #296693
    Yigit

    Hey tocal!

    Seems like you have already figured it out – http://i.imgur.com/4owfvJD.png
    Great looking website!

    Best regards,
    Yigit

    August 3, 2014 at 7:47 pm #299399
    tocal

    Sorry Yigit, missed your reply there. Thanks, glad you like the site. The bit I’m trying to fix is the edge of that box.

    I.e. I don’t want this: http://imgur.com/xO6UjBo

    I want this: http://imgur.com/KmKJ8KU

    Any ideas?

    August 4, 2014 at 4:04 pm #299716
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .ls-l {
background: transparent!important;
}
img.ls-l.ls-preloaded {
margin-top: 100px!important;
}

    If that does not help, please create a temporary admin login and post it here privately so i can look into it

    Regards,
    Yigit

    August 4, 2014 at 7:20 pm #299831
    tocal
    This reply has been marked as private.
    August 5, 2014 at 3:57 am #300012
    Ismael

    Hey!

    Thank you for the info.

    I edited the BG layer. Please check. http://www.betterboilers.co.uk/

    Best regards,
    Ismael

    August 5, 2014 at 1:40 pm #300208
    tocal

    Still doesn’t seem to be working Yigit. Is this what you are seeing? http://i.imgur.com/mMgvdim.png

    August 6, 2014 at 5:23 am #300503
    Ismael

    Hi!

    Yes, that’s what I’m seeing. I just fixed the BG layer to make it visible. You can do the rest. Try to change the Slider Height on Global Settings to make room for the main image.

    Cheers!
    Ismael

    August 6, 2014 at 12:18 pm #300599
    tocal

    Sorry Ismael, I don’t see how that fixes the issue. All it seems to me is as if the image has been moved down in the slider.

    I’m trying to get the white area at the bottom of the slider to span the full width of the page as shown here: http://imgur.com/KmKJ8KU

    August 7, 2014 at 1:31 pm #301095
    Ismael

    Hi!

    Alright. My bad. I thought you want the other way around. Try to change Global Settings > Slider width to 100% then adjust the width of the BG layer to 100%.

    Cheers!
    Ismael

    August 8, 2014 at 10:52 am #301523
    tocal

    Thanks Ismael,

    That’s done the trick nicely. http://www.betterboilers.co.uk The only thing now is that the pref & next arrows seem to be in the wrong place. Any idea why this has happened?

    Thanks

    August 8, 2014 at 10:56 am #301527
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .avia-layerslider .ls-nav-next, #top .avia-layerslider .ls-nav-prev {
left: auto!important;
}

    Best regards,
    Yigit

    August 8, 2014 at 11:26 am #301538
    tocal

    Thanks Yigit. That’s done something but it’s still not quite right.

    August 8, 2014 at 11:32 am #301545
    Yigit

    Hi!

    This is how it looks on my end – http://i.imgur.com/Ba8ciz3.png
    Please add following code to Quick CSS as well to move next button closer to the edge

    #top .avia-layerslider .ls-nav-next {
right: 0;
}

    Best regards,
    Yigit

    August 8, 2014 at 1:03 pm #301605
    tocal

    Thanks Yigit, might have been a cache issue as it’s prefect agin now. thanks for all your help both!

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Slider bottom border’ is closed to new replies.