Tagged: portfolio grid menu-images
Dear support,
would it be possible to show images above the portfolio-grid menu.
Like in my attached layout?
Hey dondela,
Thank you for the inquiry.
You can try this css code to display images above the category sort buttons:
.sort_by_cat a:before {
content: '';
width: 100px;
height: 100px;
display: block;
background-size: contain;
}
.sort_by_cat .css_sort_button:before {
background-image: url(https://site.com/images/placeholder.svg);
}
.sort_by_cat .javascript_sort_button:before {
background-image: url(https://site.com/images/placeholder.svg);
}
The parts .css and .javascript represent the names of the category sort buttons.
Best regards,
Ismael
Thanks for your help, that works fine :-)
I managed to show .png Images but not .svg files. Is this not possible?
Hi,
Thank you for the update.
The SVG file you provided above is not accessible on our end, so the issue is likely related to your server or WordPress installation. Please try to install the following plugin and let us know the result.
— https://wordpress.org/plugins/svg-support/
Best regards,
Ismael
Hi Ismael,
i found the problem: I had an error im my path to the sag-file. Now it works!
Thanks for your help :-)
Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike