Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 15, 2017 at 1:14 am #839030
    ralfklein

    Hi,

    How can i slightly increase The Portfolio Grid items / preview Images like a masonry Element ?

    Kind regards
    Ralf Klein

    August 15, 2017 at 11:21 am #839193
    Rikard

    Hey ralfklein,

    I’m not sure I understand what you are looking to achieve, could you post a screenshot highlighting your intentions please? Please post a link to where we can see the element in question as well.

    Best regards,
    Rikard

    August 15, 2017 at 12:26 pm #839229
    ralfklein

    You can see here a DJ Lineup with Portfolio-Grid http://www.ponderosa.family
    At the end i inserted the same Lineup with Masonry Element. There is a mouse-over (hover) this increases the size of the BigPreview Images smoothly. I want this hover-effect for the Portfolio-Grid Element. How is this possible?

    August 15, 2017 at 12:31 pm #839234
    ralfklein

    In the same step i want the space between the portfolio-grid element (at lineup) the same like at the bottom between the masonry-portfolio-elements.
    And 3rd: i want to place the title in the middle (vertical & horizintal center) of the preview-image. the same style as the masonry element at the bottom.

    August 17, 2017 at 3:15 pm #840439
    Victoria

    Hi ralfklein,

    I see that you got the hover working. What else do you need? Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    August 17, 2017 at 4:09 pm #840464
    ralfklein

    Hi Victoria,
    i sent you the wp-admin user & pass in the private-box below.
    yes. hover-sizing is working now.

    But:

    In the same step i want the space between the portfolio-grid element (at lineup) the same like at the bottom between the masonry-portfolio-elements.
    And 3rd: i want to place the title in the middle (vertical & horizintal center) of the preview-image. the same style as the masonry element at the bottom.

    August 17, 2017 at 4:10 pm #840465
    ralfklein

    please use the quick-css for css addings at the bottom so i can find it :-)

    August 22, 2017 at 5:52 am #842307
    Ismael

    Hi,

    Could you please provide a screenshot of the changes that you’d like to be done in the portfolio? The description is a bit unclear.

    Best regards,
    Ismael

    August 26, 2017 at 12:22 pm #844328
    ralfklein

    here you go:
    https://www.ponderosa.family/screen1.jpg
    https://www.ponderosa.family/screen2.jpg

    August 28, 2017 at 6:13 am #844670
    Ismael

    Hi,

    Thank you for the screenshot.

    Please try the following css code.

    #top .main_color .grid-content {
    background-color: transparent !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

#top .main_color .grid-entry-title {
    background: transparent;
    color: #ffffff;
    font-size: 2em;
}

#top .main_color .grid-entry .avia-arrow {
    display: none;
}

#top .grid-entry:hover .grid-content {
    display: none;
}

.grid-entry:hover a .image-overlay {
    display: none !important;
}

.grid-entry a .image-overlay {
    opacity: 0.4 !important;
    background-color: #000000 !important;
}

    Best regards,
    Ismael

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