I've attached an image of the carousel element with both posts & portfolio items. How can I add more selectable meta information to show on the item?
For example, the post items have much more meta information than the portfolio ones.
Ideally, is there anyway to use meta information from a plugin such as meta tag manager? Because on some items I simply want the overlay (hover state) to read 'View More' on the item.
Well, by default that is not possible and requires a lot of extra work to achieve.
You can have a view more button which can be inserted with CSS and work exactly the same, please try to add the following Custom CSS in Appearance > Customize > Additional CSS.
Hi.
I've attached an image of the carousel element with both posts & portfolio items. How can I add more selectable meta information to show on the item?
For example, the post items have much more meta information than the portfolio ones.
Ideally, is there anyway to use meta information from a plugin such as meta tag manager? Because on some items I simply want the overlay (hover state) to read 'View More' on the item.
I've attached images of all scenarios.
Thanks in advance.
Hi,
Well, by default that is not possible and requires a lot of extra work to achieve.
You can have a view more button which can be inserted with CSS and work exactly the same, please try to add the following Custom CSS in Appearance > Customize > Additional CSS.
.o-neuron-hover-holder__body:after {content: 'View More';
position: absolute;
right: 15px;
bottom: 15px;
opacity: 0;
-webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
-o-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
} .o-neuron-hover.o-neuron-hover--meta-inside .o-neuron-hover-holder:hover .o-neuron-hover-holder__body:after {
opacity: 1;
}
Feel free to ask for anything you need.
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.