For some reason, I cannot get links to work from an HTML item within the portfolio. I've added basic HTML and filed and inserted a web link, but it's not clickable in the front end.
If you add the following CSS to Custom CSS this will be fixed:
.post-formatting a, .widget.widget_media_gallery a {
cursor: pointer !important;
pointer-events: auto !important;
}
This issue has occurred because you are using a Nivo image gallery and set the images not clickable, and that is why all the links are set to not clickable because of the images, the link is in the same section as the image and that is why it wasn't clickable.
Hello,
For some reason, I cannot get links to work from an HTML item within the portfolio. I've added basic HTML and filed and inserted a web link, but it's not clickable in the front end.
If you go here: https://studiobaum.paperuncle.com/portfolio/fresco/, the weblink works at the top of the page, but not at the bottom. Any ideas??
Thanks
Sam
Hi Sam,
If you add the following CSS to Custom CSS this will be fixed:
.post-formatting a, .widget.widget_media_gallery a { cursor: pointer !important; pointer-events: auto !important; }This issue has occurred because you are using a Nivo image gallery and set the images not clickable, and that is why all the links are set to not clickable because of the images, the link is in the same section as the image and that is why it wasn't clickable.
Best regards,
Laborator Team
fixed! Job done, thanks Art!
Regarding web links, do you know what customer CSS I'd have to write to make the email link on this page visible?
https://studiobaum.paperuncle.com/contact/
Hi there,
By adding this CSS to Custom CSS should do the trick:
div.contact_text a { color: #FFF !important; } div.contact_text a:after { display: none !important; }Best regards,
Laborator Team
Hey, sorry to bother you again, but wondered if you could help with another related issue.
I've changed the bottom: -1px below to bottom: 8px in the custom CSS -
.site-footer a:after, .wrapper a:after {
content: '';
overflow: hidden;
position: absolute;
left: 0;
bottom: 8px;
display: block;
width: 0;
height: 1px;
background-color: #00b19e;
-webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.075);
transition: all .3s cubic-bezier(.175, .885, .32, 1.075)
}
It works nicely here: https://studiobaum.paperuncle.com/team/
But here: https://studiobaum.paperuncle.com/portfolio/
it makes the underline strike through the main menu items. Any ideas why?
Thanks
Sam
Hi Sam,
Use this CSS for the product filter:
.product-filter ul li a:after { content: ''; overflow: hidden; position: absolute; left: 0; bottom: -1px; display: block; width: 0; height: 1px; background-color: #00b19e; -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.075); transition: all .3s cubic-bezier(.175, .885, .32, 1.075) }Best regards,
Laborator Team