Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 3, 2015 at 6:27 pm #453998
    majklcze1

    Hello,
    i want to make H1 and paragraph text visible over all slides,
    is it possible to make top most static layer over all slides?
    Or make it by firing some javascript/css snippet?

    Thanks for help! Enfold is superb theme!

    June 4, 2015 at 11:27 am #454367
    Ismael

    Hey majklcze1!

    Thank you for using Enfold.

    There is no option for that by default. You can try to add a static content inside a theme hook. Add this in the functions.php file:

    add_filter('ava_after_main_container', 'ava_after_main_container_mod', 20, 1);
function ava_after_main_container_mod() {
	 $output  = "<div class='static-content'>";
   $output .= "<h3>Custom Title</h3>";
   $output .= "</div>";

   echo $output;
}

    Adjust the style of the content in the Quick CSS field:

    .static-content {
  position: absolute;
  z-index: 1000;
  top: 400px;
  left: 100px;
}

    Regards,
    Ismael

    June 4, 2015 at 11:45 am #454380
    majklcze1

    Thanks for response, i will try it,
    btw. Will this be responsive?

    June 4, 2015 at 2:49 pm #454489
    Yigit

    Hey!

    It should work fine and if it does not, please let us know so we can provide you custom CSS code to make it responsive :)

    Cheers!
    Yigit

    June 4, 2015 at 5:48 pm #454633
    majklcze1

    So i have tryed your code, its responsive against browser size, but when the browser goes smaller, it can overflow the slider.
    The static-content goes also above fixed menu when i scroll :(
    I need your help, i want to make those lines to appear over all slides:
    https://jsfiddle.net/uLs20ctf/1/

    June 4, 2015 at 5:50 pm #454636
    majklcze1

    Maybe adding this styled text as Slide 1 with transparent background, set the delay to 1ms and make Javascript code to keep it visible?

    June 5, 2015 at 6:55 am #454944
    Ismael

    Hi!

    Use css media queries to keep the container responsive.

    http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
    https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Regarding the javascript, I’m not sure how will that work. You can hire a freelance developer to add it for you. Visit codeable: http://kriesi.at/contact/customization

    Best regards,
    Ismael

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