If you're on a version prior to 10.5 and are considering updating, it's important to read through our update guide before updating to ensure a smooth transition.Click here to view the update guide
I am trying to apply custom css to certain portfolio items. (I do not want this to apply globally to all portfolio items.)
Attached are two screenshots. One shows the custom css class (lighbox) that I have added to my portfolio item. The other shows the custom css that I have added to Salient > General > CSS / Script Related.
How do I prepend the custom css I have set in Salient > General > CSS / Script Related so that only portfolio items with "lightbox" are targeted?
Attached files: portfolio-item.png portfolio-custom-css.png
On which page URL can we view the Portfolio Page Element ?.
Sorry, forgot to post that. Here is the URL: https://learn.homesteader.me/chicken-breed-directory
If you look at any portfolio item, you will see that there is a portfolio placed inside the portfolio item.
Did you try using these Metabox Options instead of Custom CSS ?.
Also remove this category of special characters as it's causing the CSS to not work and check the thumb markup using the Inspector to write up custom CSS: