Change slider height and remove headings

Discussion in 'Infoway WordPress Theme' started by jay1318, Nov 10, 2015.

  1. jay1318

    jay1318 New Member

    Joined:
    Nov 10, 2015
    Messages:
    3
    Likes Received:
    0
    Hi,

    I would like to change the slider height to 927px and totally remove the slider descriptions and headings. How can I do this.
     
  2. priya

    priya Guest

    Hello,

    Greetings from InkThemes!

    To remove slider description area, you just need to paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .showcase-thumbnail-container {
        display: none !important;
    }
    To change slider height, the code is given below.
    Code:
    #featured {
        height: 600px
    }
    .showcase-content img {
        height: 429px;
    }
    .showcase {
        height: 449px;
    }
    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
    smith likes this.
  3. citizencoaching

    citizencoaching Member

    Joined:
    Dec 28, 2011
    Messages:
    62
    Likes Received:
    0
    I was just looking for code to remove the slider descriptions and this worked perfectly!
    However it doesn't remove the white space where the slider descriptions would show on a mobile device.

    Is there a code snippet you can provide to remove this?

    Many thanks,

    Mobile view.jpeg
     
  4. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hello,

    Thanks for getting back to us,

    Will you please share the URL of your website here?

    So that we could give you CSS codes accordingly.

    I look forward to hearing from you.

    Regards,
    Akbar
    InkThemes.com
     
  5. citizencoaching

    citizencoaching Member

    Joined:
    Dec 28, 2011
    Messages:
    62
    Likes Received:
    0
  6. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Just use the below-given CSS code:

    Code:
    @media only screen and (max-width: 767px) and (min-width: 480px){
    #featured {
        height: 190px;
    }
    }
    
    @media only screen and (max-width: 480px){
    #featured {
        height: 120px;
    }
    }
    Hope this helps...!

    Regards,
    Akbar
    InkThemes.com
     
  7. citizencoaching

    citizencoaching Member

    Joined:
    Dec 28, 2011
    Messages:
    62
    Likes Received:
    0
    Thank yo for providing the code, but unfortunatly this did not work for me.

    It might be worth me mentioning that I placed the code in a child theme css file and have cleared my website/browser cache.

    Kind regards,
    Nate
     
  8. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Try to paste the code in the Additional CSS section of the theme, Go to (Dashboard->Appearence->Customizer->Additional CSS)

    Hope this helps...!

    Regards,
    Akbar
    InkThemes.com
     

Share This Page