Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 4, 2025 at 9:17 pm #1488955
    idcdesign

    I am trying to recreate the same transparent green rollover state on the portfolio gallery: https://dwjharkin-idcagency-co-uk.stackstaging.com/projects/ onto navigational boxes I have created on the homepage https://dwjharkin-idcagency-co-uk.stackstaging.com/. I have added some quick css to the child theme but it is making boxes solid green rather than transparent.

    Any help would be gratefully received

    September 5, 2025 at 7:04 am #1488966
    Ismael

    Hey idcdesign,

    Thank you for the inquiry.

    Looks like the background color is applied to the column itself, which already contains a background image. Remove the current css modification and replace it with the following code:

    #rfbordertop:before {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
}

#rfbordertop:hover::before {
    background: #0eb34b7d;
}

#rfbordertop .av_textblock_section, #rfbordertop .hr {
    z-index: 20;
    position: relative;
}

    Let us know the result.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.