Remove text from slider buttons

Discussion in 'SpotMoto WordPress Theme' started by home, Mar 10, 2014.

Thread Status:
Not open for further replies.
  1. home

    home Member

    Joined:
    Oct 9, 2013
    Messages:
    70
    Likes Received:
    3
    Hi

    I have designed my own buttons that include text for the slider. I've uploaded them via FTP and renamed them to the original buttons file names. I thought that I could just leave the slider button text fields in theme options blank and it would remove the text. For the first button the text 'Get Started' was on the button instead. I figured out that this was coming from front page-php, so I erased the text between the quotation marks. Buttons 2 - 6 won't appear though if I leave the slider button text field blank.

    How can I make the button appear, yet still leave the text blank?

    I would really appreciate any help. Thanks.
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS


    Code:
    .flexslider .slides .content a.btn-2 {
    text-indent: -99999px;
    } 

    Thanks & Regards
    Gourav Shrivastava
     
    home likes this.
  3. home

    home Member

    Joined:
    Oct 9, 2013
    Messages:
    70
    Likes Received:
    3
    As per usual, great help!

    Thank you very much. :)
     
  4. home

    home Member

    Joined:
    Oct 9, 2013
    Messages:
    70
    Likes Received:
    3
    Sorry to be a pain, but is there a way to reduce the text size in the slider without changing it for the the entire site?
    The reason is the buttons are being cropped in the slider, so if I reduce the text size they may fit. Or is there a way to enlarge the slider content area so that the buttons will show?
    Here is the site www.freeword.me.uk

    Once again, thanks
     
  5. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .flexslider .slides .content a.btn-2 {
    padding-bottom: 20px;
    }
    .flexslider .slides .content p.mid {
    font-size: 18px;
    } 
    You can adjust the value of "padding-bottom" and "font-size", as per your requirement.
    This will solve your issue.
     
  6. home

    home Member

    Joined:
    Oct 9, 2013
    Messages:
    70
    Likes Received:
    3
    Hi again,

    I've placed the above code into Custom CSS but it doesn't seem to do anything, no matter what alterations I make to the values.
     
  7. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    We have checked your website and it seems that by mistake you have forgotten to close the curly braces of code in your css code, please close curly braces in that code in your custom css, After that add the code given above it will work fine.

    2014-03-12_1145.png


    Thanks & Regards
    Gourav Shrivastava
     
    home likes this.
  8. home

    home Member

    Joined:
    Oct 9, 2013
    Messages:
    70
    Likes Received:
    3
    Yes, you're right. I'd not closed the curly braces of code. It works fine now.
    Once again, many thanks for the great support. :)
     
    Piyush likes this.
Thread Status:
Not open for further replies.

Share This Page