Allign/center box in slider

edited August 2018 in Busiprof
Hi,

How can I allign/center the box in the slider? (See attachment)
slider.jpg
129K

Comments

  • Hi digital wizards

    Kindly add the below css code in Additional css box.

    For this Go to Appearance >> Customizer >> Additional css box.

    .slide-caption {
        left: 34%;
    }

    Let me know did it work.

    Thanks
  • Hi Prajapati,

    Thanks, it now works for desktop, but tablet and mobile is now too much to the right. Is there a way to center the box for all devices?
  • Hi digital wizards

    Kindly add the below css code for the mobile devices.

    @media only screen and (max-width: 767px) and (min-width: 200px){
    .slide-caption {
        width: 50% !important;
        left: 25% !important;
    }}

    Let me know did it work.

    Thanks
  • Thanks it works now!
  • PS: Is there also a way delete the box from the slider? 
  • edited August 2018
    Hi digital wizards

    For remove the slider box add the below css code.

    .slide-caption {
        display: none;
    }

    Let me know did it work.

    Thanks
  • Hi Prajapati,

    Thanks, this worked. Is there a 'best practise' size for the images for the Busiprof theme?
  • Hi digital wizards

    Glad to know its work for you!

    Below is the best image size->

    Slider- 1600*500
    Project- 1000*600
    Team- 500*500
    Testimonial- 500*500
    Client- 140*60

    Let me know for further help.

    Closing this ticket.

    Thanks
This discussion has been closed.