Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 5, 2014 at 1:42 pm #287510
    AndyHopkinz

    Is there any way to recreate the pictures with transparent textboxes found under “Meal Plans” on the following website? (scroll down the page to see)
    https://www.thefreshdiet.com/

    I need the textboxes and pictures to be clickable, as well as a short text description underneath. Ideally, everything will also turn a transparent gray (or other color) when hovered over.

    Thank you!

    July 6, 2014 at 3:29 am #287619
    Ismael

    Hi AndyHopkinz!

    Thank you for using the theme!

    You’ll need to create posts and add featured images. Set a category for these specific posts. Create a page then use the Masonry element on the Advance Layout Builder. Select the category of the posts.

    Best regards,
    Ismael

    July 6, 2014 at 11:55 am #287683
    AndyHopkinz

    Hi Ismael,

    Thanks for your reply.

    I now run into two issues. The first is that is that I cannot remove the date of the post as the Masonry element doesn’t have an option to remove it. The second is that once clicked, it links me to a post within a blog. Is there a way to link it to a page instead?

    Is there a way to get the same effect as that found on this website? http://www.interiors.davroc.co.uk/

    Thanks!

    July 7, 2014 at 11:11 am #287907
    Yigit

    Hi!

    1- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    span.av-masonry-date {
display: none!important;
}

    2-

    .av-masonry-outerimage-container {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.av-masonry-outerimage-container:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}

    Best regards,
    Yigit

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