Testimonal Slider Font Awesome Arrows

Support Forums for LiveMesh Themes & Plugins Forums Elementor Addons Support Testimonal Slider Font Awesome Arrows

This topic is: resolved

This topic contains 11 replies, has 3 voices, and was last updated by Phoenix phoenix 4 days, 16 hours ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #27229
    Brett Redvers
    Brett Redvers
    Participant
    Post count: 5

    Hey guys,

    I’m looking to change the icomoon next and prev icons on the testimonial slider to font awesome icons.

    Are you able to help?

    Cheers,

    #27251
    Meteorite
    meteorite
    Moderator
    Post count: 3796

    Can you pls try this Custom CSS on your page (which should have font awesome loaded) –

    .lae-container .lae-flex-direction-nav a, .lae-container .lae-flex-direction-nav a:hover {
    
        font-family: FontAwesome !important;
    }
    
    .lae-container .lae-flex-direction-nav a.lae-flex-prev:before {
        content: "\f109" !important; /* Change this to match your desired icon in font awesome */
        }
    
    .lae-container .lae-flex-direction-nav a.lae-flex-next:before  {
        content: "\f110" !important; /* Change this to match your desired icon in font awesome */
        }
    #27272
    Brett Redvers
    Brett Redvers
    Participant
    Post count: 5
    This reply has been marked as private.
    #27276
    Phoenix
    phoenix
    Moderator
    Post count: 6737

    Pls modify this css

    .lae-container .lae-flex-direction-nav a, .lae-container .lae-flex-direction-nav a:hover {
        font-family: FontAwesome !important;
    }
    

    to

    .lae-container .lae-flex-direction-nav a, .lae-container .lae-flex-direction-nav a:hover {
        font-family: FontAwesome !important;
        font-size: 50px;
    }
    
    #27293
    Brett Redvers
    Brett Redvers
    Participant
    Post count: 5

    Heya,

    Thanks for this,

    I am afraid this does not work however.

    The icons are held in some kind of container that does not change size?
    So while I can change the size of the icons easily, you cannot see them.

    I have added an image to show you the issue.

    Cheers,

    Brett

    Attachments:
    You must be logged in to view attached files.
    #27299
    Phoenix
    phoenix
    Moderator
    Post count: 6737

    Can you share a link to this page ?

    #27302
    Brett Redvers
    Brett Redvers
    Participant
    Post count: 5

    Heya,

    I have already provided the link in the private post above.

    Thanks,

    Brett

    #27312
    Phoenix
    phoenix
    Moderator
    Post count: 6737

    Pls have this custom CSS in your plugin settings –

    .lae-container .lae-flex-direction-nav a, .lae-container .lae-flex-direction-nav a:hover {
        font-family: FontAwesome !important;
    }
    
    #27313
    Brett Redvers
    Brett Redvers
    Participant
    Post count: 5

    Heya,

    I already have this CSS added.
    This is not actually the question.

    The question is how to make the Font Awesome icons larger?

    Adding font-size:50px !important; does not work as the icons are held in some kind of container that restricts the size.
    This is what needs to change.

    I have made the icons 50px in size now.
    Please take a look at the site so you can see the issue.

    Thanks,

    Brett

    #27320
    Phoenix
    phoenix
    Moderator
    Post count: 6737

    Can you pls try this –

    .lae-container .lae-flex-direction-nav a, .lae-container .lae-flex-direction-nav a:hover {
        width: 50px;
        height: 55px;
    }
    
    #27329
    Brett Redvers
    Brett Redvers
    Participant
    Post count: 5

    Nice one phoenix!!

    You got it!

    All working perfectly… 🙂
    Thanks!

    Would really love to see font awesome icons (or at least standard arrows) and the ability to resize them implemented into the testimonial slider in future!

    (The current small icon in a circle is not great…)

    Thanks for your help..

    Much appreciated.

    Brett

    #27338
    Phoenix
    phoenix
    Moderator
    Post count: 6737

    We will consider this in future..

    Thanks.

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.