Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 20, 2013 at 8:59 am #28095
    Iano999

    Hi,

    I spoke with Kriesi a couple of days ago about where to find the settings to change the fullscreen slider from 100% height to around 90% height coverage. I was aiming to create something similar to ‘yourkarma.com’, where there is a tab/bar below the slider to indicate there’s more content below.

    He suggested I hook into the fullscreen section output with the following code, which would overlay a bar with text I could then style, whilst keeping the 100% image height :

    add_filter('avf_section_container_add','kriesi_section_add',10,2);
    
function kriesi_section_add($output, $params)
    
{
    
if($params['id'] == 'full_slider_1')
    
{
    
$output .= "<div class='your-button'><a href='#'>Click here</a></div>";
    
}
    

    
return $output;
    
}

    This solution would be perfect, but once I’ve copied it all over and set up the css class I can’t see the bar, and in some cases get whitescreened. If you could shed any light on why it’s not working I’d appreciate it massively.

    I can send over the URL/login details for the site in an email if required – it’s currently a private development for a company so I can’t post it publicly.

    Thanks for your help,

    Graeme

    August 20, 2013 at 4:40 pm #136463
    Iano999

    Does anybody have any ideas as to why this wouldn’t work? I’ll buy you a beer if you do! (:

    August 21, 2013 at 12:39 am #136464
    Ismael

    Hey,

    Please add this on your custom.css or Quick CSS

    .your-button {
    
display: block;
    
width: 100%;
    
height: 100px;
    
background: red;
    
position: absolute;
    
bottom: 0;
    
z-index: 99999;
    
}

    Or you can do this to create a fixed area:

    .your-button {
    
display: block;
    
width: 100%;
    
height: 100px;
    
background: red;
    
position: fixed;
    
bottom: 0;
    
z-index: 99999;
    
}

    Beer sounds good. :)

    Regards,

    Ismael

    August 21, 2013 at 8:33 am #136465
    Iano999

    Hey Ismael,

    Thanks for your reply – your code looks perfect to me, but for some reason the bar still isn’t visible – I’ve put the code Kriesi gave me into functions.php – should it be in a specific place to work properly? I’ve currently got it at the very end of the file.

    I can provide a URL and login details if you’d be willing to take a quick look at it. It’s private at the moment so I can email you the details.

    Thanks for your help so far, I really appreciate it!

    Graeme

    August 21, 2013 at 2:36 pm #136466
    Ismael

    Hey,

    Please send the login details to ///.

    Include the word “Kriesi” on the subject. Add the link of this thread on your email.

    Regards,
    Ismael

    August 21, 2013 at 3:10 pm #136467
    Iano999

    Awesome – I’ve just sent you an email with the URL and login details. Thanks! (:

    August 22, 2013 at 5:42 am #136468
    Ismael

    Hey,

    You can check it now. You forgot to change the name of the slider “full_slider_1′ to “fullscreen_slider_0”.

    Cheers,

    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Fullscreen Slider Tweaks’ is closed to new replies.