Okay
  Public Ticket #2420211
Latest projects different hover for each project
Closed

Comments

  • Auksė started the conversation
    May 28, 2020 at 10:31am

    Hello

    I have an Arhitekton theme. Currently, I have chosen Design Agency as the Home page. I manage the Latest projects section and I want each project to have its own different hover. How to do it? I want each project to have its own hover and it would not be a color, but some design photo of that project according to the color of the project. Now I can only put one hover on all projects. Thank you

  •  675
    Neuron replied
    May 29, 2020 at 9:53am

    Hi Auke,

    In that one, I believe you need some Custom CSS.

    See, the nth-child(1), that represents the first item and so on.

    .l-posts-wrapper .selector:nth-child(1) .o-neuron-hover-holder__header__overlay {
    background-color: your_color !important;
}
.l-posts-wrapper .selector:nth-child(2) .o-neuron-hover-holder__header__overlay {
    background-color: your_color !important;
}

    Feel free to ask for anything you need.

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Auksė replied
    May 29, 2020 at 10:01am

    Thank You, I will try.

  • Auksė replied
    May 29, 2020 at 11:33am

    Didn't help. Maybe You didn't understand my question? I want to be able to choose a separate photo type hover for each product. Like in this website https://www.kivitasosepat.fi/

  •  675
    Neuron replied
    May 30, 2020 at 10:43am

    Hi Aukse,

    That requires some extra work on that, since it is not covered by the theme itself.

    - https://prnt.sc/sqks0a

    .l-posts-wrapper .selector:nth-child(1) .o-neuron-hover-holder__header__overlay {
        background: url('https://placehold.it/500x500');
        background-position: center center;
    }

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.