• Closed
  • Dave Cherry
    Spectator
    November 17, 2014 at 4:35 am #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
    December 1, 2014 at 10:58 am #13651

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

    Dave Cherry
    Spectator
    Posts: 7
    December 3, 2014 at 12:18 am #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
    December 3, 2014 at 4:20 pm #13686

    provide me your website URL please

    Dave Cherry
    Spectator
    Posts: 7
    December 3, 2014 at 11:48 pm #13697

    http://philpottfunerals.com.au/

    Roman
    Spectator
    Posts: 3147
    December 4, 2014 at 1:28 pm #13703

    insert in the Custom CSS field:

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

    Dave Cherry
    Spectator
    Posts: 7
    December 5, 2014 at 3:21 am #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
    December 5, 2014 at 9:33 am #13708

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

    Dave Cherry
    Spectator
    Posts: 7
    December 5, 2014 at 9:59 pm #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
    December 7, 2014 at 11:13 pm #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
    December 8, 2014 at 2:02 am #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