Support » Theme: Customizr » Using different slider

  • Resolved posword


    I want to use LayerSlider Responsive instead of the supplied slider. It is a plugin I have purchased and I have placed the shortcode on a Home page I created. However, the slider is appearing below the featured widgets and I want it above, like the supplied slider was. How do I fix this?

    Can I incorporate the shortcode on the customizr index.php page (and if so where?), or on the class-content-featured_pages.php (and where?).


Viewing 14 replies - 1 through 14 (of 14 total)
  • Hello Peter. Can you pass along a link to your site so I can take a closer look?


    Sorry, I should have added the site: .

    The plugin also comes with a widget but I wouldn’t know where to place that either.

    That’s a great looking slider. Nice choice.

    You just need to move the “layerslider_2” div above the “container marketing” div in your code. If you use the Google Chrome Developer tool you can see it’s pretty easy to get it to display how you want.

    That’s a great looking slider. Nice choice.

    Sensational, I’d call it. Can’t wait to see it at the top of the page. If it handles responsive white space as well as it does now, it would make me very envious.

    It’s the best one I’ve seen for a long time. Be interesting to hear of any issues in using it. But not here, I guess!

    Thanks, everyone. The answer is complicated by the use of their paid extension, Featured Pages, which puts a file in “/parts, “class-content-featured_pages.php”.

    The layerslider div comes out of a plugin, so there is no way to simply move it up.

    Actually there is a heap of related <div>’s before it which also come from the plugin:

    <div class="container" role="main">
    <div class="row">
    <div id="content" class="span12 article-container">
    <article id="page-184" class="post-184 page type-page status-publish hentry row-fluid">
    <div class="entry-content">
    <script type="text/javascript">
    <script type="text/javascript">
    <div class="ls-wp-fullwidth-container" style="height: 500px;">
    <div class="ls-wp-fullwidth-helper" style="height: 500px; width: 1310px; left: -70px;">
    <div id="layerslider_2" class="ls-wp-container ls-container ls-noskin" style="width: 1310px; height: 500px; margin: 0px auto; visibility: visible;">

    So I’ve tried to put the shortcode [layerslider id=”2″] in the file “class-content-featured_pages.php” and place it in the child theme between ?> and <?php above the “container main” div, but it simply prints out the shortcode and does not display the slider. I’ve tried it in two different places. So apparently shortcodes only work in posts and pages, and I’m back to square one.

    Somehow I’ve got to find a way to place a widget area before the “container marketing” which controls the three featured pages with pics on the Home Page. When I can I’ll follow these steps to get shortcodes to work in widgets, .

    All of which makes life difficult for those who know just enough to be dangerous!

    Customizr is a nice theme but it’s restrictive in the same way that Windows felt restrictive after the control we had on a DOS machine (if anyone else remembers those days).

    For those who like it, Google layerslider to see a good demo.

    DOS on a 386. Luxury 😉

    Thx posword… I had to read your answer twice. Still not sure I get it 🙂

    Thansk, lorbach. Simple answer is that because the <div>’s are produced by the plugin, I can’t just shift them around. It’s a case of using the shortcode only, but that doesn’t work in the file that generates the Home Page.


    Finally, found the answer on —

    In the template page that generates the Home Page, after <?php ob_start ?> added a line as follows:
    echo do_shortcode('[layerslider id="2"]');

    The slider now displays nicely where it belongs.

    If you don’t have the Featured Home Page extension, you might have to add a condition to the parts/class-content-page.php like “if article id=”page-184” then… at the appropriate place. (My home page just happens to be “page-184”.)

    Thanks to all who assisted!


    Good stuff Peter. Don’t think I would’ve cracked that nut.

    @posword – congratulations: it’s a thing of beauty. I can see that your slider is constructed with slices, layers and transparency and it holds its shape extremely well whatever the viewport.

    Please would you post again when you have your own images loaded? I can see that the default images are well-chosen so as to lend themselves perfectly to the structure of the slider but I would be very interested to see what it does with more conventional, “solid” full-width images.

    I have since changed the images to a second demo supplied, which gives a better idea of how it handles layers, etc. Not all the images lend themselves to perfectly handle paralax, etc., but it does give a better idea of layers and entry and placement of layer pieces.

    I’ve just found out I can change the size of the images easily in the Dashboard.

    @rdellconsulting — can you contact me via re some consulting, before I switch from Customizr to some other responsive theme? If you’re interested, that is.


Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Using different slider’ is closed to new replies.