Color or Portfolio Arrows

Home › Forums › Jevelin Theme › Color or Portfolio Arrows

Home › Forums › Jevelin Theme › Color or Portfolio Arrows

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    RESOLVED Posts

  • woarnoart
    Participant

    Hello,

     

    I am looking the change the color and hover color of the left and right arrows in the portfolio.

     

    How can I do this?

     

    Thanks.

    Shufflehound Support
    Moderator

    Hi @woarnoart,

     

    I hope you are well today and thank you for your question.

     

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-portfolio-single-buttons a.sh-page-switcher-button {
    background-color: #000;
    
}
.sh-portfolio-single-buttons a.sh-page-switcher-button i{
color: #fff;
}

.sh-portfolio-single-buttons a.sh-page-switcher-button:hover {
    background-color: #e5e5e5!important;
    
}
.sh-portfolio-single-buttons a.sh-page-switcher-button:hover i{
color: #000;
}

     

    You can change the color value in the above code to whatever you want to use by referring the following pages.

     

    http://www.w3schools.com/html/html_colors.asp
    http://www.w3schools.com/html/html_colorvalues.asp
    http://www.w3schools.com/tags/ref_colorpicker.asp

     

    Best regards,
    Shufflehound team

    woarnoart
    Participant

    Hi,

     

     

    This worked fine, however i meant the arrows on the picture itself, not the one under the picture.

     

    Same thing for the arrows on the pictures in a blog post and on the front page on the pictures.

     

    Thanks,

    Attachments:
    You must be logged in to view attached files.

    woarnoart
    Participant

    and I would also like to remove the circles on the galleries of pictures. The back and forward arrow is more than enough.

     

    Thanks

    Shufflehound Support
    Moderator

    Could you please share me your site URL where it’s displaying so that i can help you to achieve it?

    woarnoart
    Participant

    Here’s a couple of them

     

    https://micropenissociety.com/

    https://micropenissociety.com/douche-cheetos/

    https://micropenissociety.com/blog/blog-grid/

     

     

    Shufflehound
    Moderator

    Please try this snippet bellow:

    .sh-gallery .slick-dots {
    display: none!important;
}

     

    Let us know if the issue is fixed.

    woarnoart
    Participant

    Thanks. The dots are gone.

     

     

    Any idea how to change the colors of the arrows in the slideshow on the blogposts?

     

    Thanks.

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    You can change its color by using following custom CSS code.

     

    .blog-list .sh-gallery .slick-prev,
.blog-list .sh-gallery .slick-next {
    color: #000;
}

.blog-list .sh-gallery .slick-prev:hover,
.blog-list .sh-gallery .slick-next:hover {
    background-color: #000;
    color: #fff;
}

    woarnoart
    Participant

    Sweet. We’re almost there.

     

    This allows me to change the color of the arrows on the home page. The last code doesn’t change the color of the arrows on the blog page though.

     

     

     

     

     

     

     

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    For blog post single page, use the below CSS code.

     

    .blog-single .sh-gallery .slick-prev,
.blog-single .sh-gallery .slick-next {
    color: #000;
}

.blog-single .sh-gallery .slick-prev:hover,
.blog-single .sh-gallery .slick-next:hover {
    background-color: #000;
    color: #fff;
}

    gs762698
    Participant

    Hi,

    Sorry for the question again..

    I need to do excatly the same thing but on the portfolio page (prev and next arrow aside the gallery).

    Thanks a lot!!

    Shufflehound Support
    Moderator

    @gs762698  To help us keep support thread separates could you please create your own thread for your question instead of replying on others thread as it makes the thread messy and hard to read.

     

    If you want to you can also add reference of this thread in your newly created thread.

     

    We would be more than happy to help you on your new thread.

    gs762698
    Participant

    I’m really sorry for that. I didn’t get the point of the forum so.

    I’ll create a new thread if I’llm need it!

    For now thanks a lot for all the support and the answers in others topic!!

    Really helpful!!

    Shufflehound Support
    Moderator

    @gs762698 Not an issue at all. You are always welcome 🙂

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)