This topic has 12 replies, 2 voices, and was last updated 7 years by Laura.

  • Author
  • #172805
     PABK
    Participant

    Hi,

    I would like to change the transparent arrow kleo carousel. Both of them : the one coming in the Blog page, and the related articles below.

    What kind of custom Css I could add at Kleo theme options ?

    Thanks for your help

    #172880
     Laura
    Moderator

    Hello, can you share a screenshot of the arrow? Which change do you want to do? 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #172898
     PABK
    Participant

    Hi Laura,
    Thanks for following
    I would like the background arrow not in a grey color but in a red one. the Color is #ff3342. The arrow should stay white.
    Thanks for your help !

    Attachments:
    You must be logged in to view attached files.
    #172972
     PABK
    Participant

    Hi Laura,
    Have you any idea ?
    I saw that it concerns .carousel-arrow.carousel-prev (or -next)
    This is the transparent thumbnail in the blog part of Kleo.

    #173126
     Laura
    Moderator

    Hello, i see 🙂 How do you want to change it? Color of arrow or background?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #173132
     PABK
    Participant

    Hi Laura,
    Only background.
    Thanks,

    #173240
     Laura
    Moderator

    Hello, try by adding this to style.css of child theme 🙂 or at Appearance > Edit

    COPY CODE
    
    span#older-nav {
        background: red !important;
    }
    a.carousel-prev {
        background: red !important;
    }
    a.carousel-next {
        background: red !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #173378
     PABK
    Participant

    Hi Laura,

    Thanks for that.
    This changed the color of the background arrow in the post Carousel, but when you move the mouse over, it turns transparent, it is difficult to click it on…
    This css code is only for the post Carousel in the blog bottom (posts related to…)
    But I would like to change the middle Carousel too, the one where you can turn post after post which are based on a publishing date view.

    Thanks a lot again for your help and patience.

    #173423
     Laura
    Moderator

    Hello, i am not able to see your website, please share login 🙂
    And can you share a screenshot of the other carousel?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #173437
     PABK
    Participant

    Sorry Laura, I moved it to https://ufml-asso.org

    The other screen shot for Carousel is in attachement. You will see it in the right side of the blog page, in the middle.
    Thanks again

    Attachments:
    You must be logged in to view attached files.
    #173555
     Laura
    Moderator

    Hello, try by adding this to style.css of child theme or at Appearance > Edit

    COPY CODE
    
    span#older-nav {
        background: red !important;
    }
    span#newer-nav {
        background: red !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #173569
     PABK
    Participant

    Thank you so much Laura,
    All works fine now!!!
    Cheers

    #173622
     Laura
    Moderator

    Glad to help 🙂 If you can rate us 5 stars at themeforest that would help a lot 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

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

You must be logged in to reply to this topic.

Log in with your credentials

Forgot your details?