• Closed
  • Dave Cherry
    Spectator
    17.11.2014 at 04:35 #13530

    I was wondering how I replace the Bootstrap Slider with Static Image on Home Page. I only want to have one image there at all times.

    Thanks.

    Roman
    Spectator
    Posts: 3147
    01.12.2014 at 10:58 #13651

    if you set only one slide, then it will be shown as a static image

    Dave Cherry
    Spectator
    Posts: 7
    03.12.2014 at 00:18 #13677

    Thanks Roman,

     

    This works however still leaves the navigation buttons on each side and also the bar down the bottom where I could place text, is there a way to remove these as well.

    Thanks

    Roman
    Spectator
    Posts: 3147
    03.12.2014 at 16:20 #13686

    provide me your website URL please

    Dave Cherry
    Spectator
    Posts: 7
    03.12.2014 at 23:48 #13697

    http://philpottfunerals.com.au/

    Roman
    Spectator
    Posts: 3147
    04.12.2014 at 13:28 #13703

    insert in the Custom CSS field:

    #bootstrap-slider .carousel-control {
    display:none;
    }

    Dave Cherry
    Spectator
    Posts: 7
    05.12.2014 at 03:21 #13707

    Hi Roman,

     

    Where about in the Custom-CSS.php file do I insert, when I put it in the same area as the other #bootstrap stuff the website only displays White.

     

    I’m not sure how I attached the custom-css.php file for you to view.

     

    Thanks.

    Roman
    Spectator
    Posts: 3147
    05.12.2014 at 09:33 #13708

    those changes insert in Appearance -> Theme Options -> Custom CSS

    Dave Cherry
    Spectator
    Posts: 7
    05.12.2014 at 21:59 #13718

    Thanks Roman,

     

    That worked perfectly, I still have the black bar down the bottom of the image, is there code also to remove this?

     

    Thanks.

    Alok Maheshwari
    Spectator
    Posts: 303
    07.12.2014 at 23:13 #13726

    Apply the following css and it should hide them.

    #bootstrap-slider .carousel-caption
    {
    display:none;
    }
    .menu-back .container
    {
    display:none;
    }

    Dave Cherry
    Spectator
    Posts: 7
    08.12.2014 at 02:02 #13733

    Thanks Roman and Alok, that worked like the treat,

    The code I entered was:

    #bootstrap-slider .carousel-control
    {
    display:none;
    }
    .carousel-caption
    {
    display:none;
    }
    .menu-back .container
    {
    display:none;
    }

     

    Thanks Again