Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #613355

    Hi there,
    I have a portfolio grid (5) on my homepage which I’d like to remove the hover transition effect on, & provide a specific image for each portfolio item in the grid – instead of the font currently used.
    I also want to remove the background color.
    This is an example of the hover I’d like on one of the 5 portfolio items Image.
    The other 4 use different wording.
    I guess I could actually use a font instead of an image, but each has to be different (the wording) & the transition effect & background color need to go & I’ll need to remove the width restriction.
    Any pointers please?
    I can provide login details if required.
    Thanks,
    Jason

    #613374

    I may have almost sorted a reasonable solution – I only need to figure out how to target each grid image…

    #613375

    I’d still like to have a more traditional fade in transition effect rather than a swirl type of effect (which it is currently).

    #613380

    Ok, I’ve targeted each using .grid-loop-1, .gird-loop-2 etc. Is there a way to alter the transparency of the overlay? I’ve set the background to ‘gray’ the words are white – but not solid white, any chance I can change the transparency of the words and/or background independently?

    #616015

    Hey!

    Thank you for using Enfold.

    I’m glad that you managed to sort most of the issues here. If you want to change the transparency of the portfolio overlay, use this:

    .avia_transform a:hover .image-overlay {
        opacity: 0.2 !important;
    }

    Default value is “0.7”.

    Cheers!
    Ismael

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