parent hover style not applying

  • Resolved Hozefa Saleh

    (@hozefasmile)


    8 months, 2 weeks ago

    I have created a grid container and inside it I am putting card design using link element block and box container block. I have provided classes to grid-container, link element and box-container inside it. Now on hover of the link element I want to change background color of the inner box-container(its class is “service-card”). But I want to avoid applying class directly to the box-container because it will repeat the css when I duplicate the cards in grid-container. So I am applying my css in main grid-container with class “service-list”. But parent hover option is not working when I am applying it on grid-container directly. Please look at the screenshot to more clearly understand the issue => https://prnt.sc/myv8ppgQaj4Q , when I am directly applying hover background color change to “service-card” it works, but when I choose parent selector as “service-box-link” it’s not working.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Illia Sanz

    (@illiagreen)

    8 months, 2 weeks ago

    this is totally wrong setup

    if you use subselectors, you must add pseudo directly in name of selector

    example

    :hover .class

    and then add styles for hover state directly and without hover tab

    Plugin Support Illia Sanz

    (@illiagreen)

    7 months, 1 week ago

    closing

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘parent hover style not applying’ is closed to new replies.