Content page

Home Forums Jevelin Theme Content page

Home Forums Jevelin Theme Content page

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • Lonartorg
    Participant

    Hi There,

     

    I am trying to make a few changes on this page https://www.whoisyourshero.com/artists but unfortunately I havent found the way. Can you please help?:

    1. I would like to change the color of the overlay to #e50042 How can I do this? The current color is blue
    2. On the last 3 blocks of images (rows number 4,5,6) I would like to get rid of the padding as highlighted on the screenshot attached (between the blocks and also in each row after the 2 first images)
    3. Why is the overlay longer than the image? How can I match sizes of both?
    4. I would like to remove the icon on the overlay, how can I do this?

    Many thanks in advance!

    Rocio

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

    Hi Rocio,

     

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

     

    I would like to change the color of the overlay to #e50042 How can I do this? The current color is blue

    You can change it either from Accent color option of theme styling settings or 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-team-social-overlay2 .sh-team-image:hover .sh-team-overlay2,
    .sh-overlay-style1,
    .sh-portfolio-overlay4 {
        background-color: #e50042 !important;
    }

     

    On the last 3 blocks of images (rows number 4,5,6) I would like to get rid of the padding as highlighted on the screenshot attached (between the blocks and also in each row after the 2 first images)

    Why is the overlay longer than the image? How can I match sizes of both?

    I would like to remove the icon on the overlay, how can I do this?

    I don’t see any of the above on your shared page as displayed in your attached screenshots.

     

    Please see the attached screenshot and advise.

     

    Best regards,
    Shufflehound team

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

    Lonartorg
    Participant

    Hi!

     

    Thanks for the above. Howver it hasn’t worked. Your screenshot is from a different page, the one that I am working on is: https://www.whoisyourshero.com/artists (page ID 9194)

     

    I have entered the css that you provided and also change the accent color on the back end for that page and neither of them worked – still showing blue and not pink #e50042 Please see screenshots attached.

     

    I still have the same following questions, can you please help?:

    1. I need to change the image overlay color to pink #e50042
    2. I need to remove the icon on the overlay. Screenshot highlighting this attached.

    Many thanks again!

    Rocio

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

    Lonartorg
    Participant

    Also here screenshots referring to the icon that I need to remove

    Thanks again! 🙂

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

    To achieve it please try using following CSS code instead of the above shared CSS code.

     

    .sh-single-image .sh-single-image-overlay:hover {
        background-color: rgba(229, 0, 66, 0.8);
    }
    
    .sh-single-image .sh-single-image-overlay i.ti-check {
        display:none;
    }

    sasamoods
    Participant

    Oups sorry, wrong topic and i don’t know how to suppress… it’s for the error 503 display on website back end 😀

     

    Hello,

     

    I just faced the same problem and found the solution in this website:

    https://blogpascher.com/tutoriel-wordpress/comment-reparer-lerreur-503-du-service-non-disponible-sur-wordpress

     

    It’s in french, but just follow the steps that are in the picture and it should be fine!

     

    @sasamoods Not an issue. We’ll ignore your reply here.

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