-
AuthorPosts
-
April 14, 2017 at 11:51 pm #778104
Hi,
On my site I’m using the post slider. When I’m hovering the title of the post, it behaves strange. Just above the letters and between them it ‘s linking, but right on the letters, there isn’t a link, also no hand, just a normal cursor.
Any idea what’s causing this?
Regards,
Erwin
April 15, 2017 at 8:24 am #778156Hey erwin_m,
I`ve checked your site and all is working normally, may you share some screenshots about this problem?
Best regards,
John TorvikApril 15, 2017 at 8:31 am #778157Hi John,
Thank you for looking into it!
A url to the image is in the private part. When I’m on A I do have a link, on B I don’t. The link reacts strange on hovering.
Regards,
Erwin
April 17, 2017 at 7:49 pm #778893Hi Erwin,
Could you please specify the page, where this is happening? I looked today, could not find the page.
Best regards,
VictoriaApril 17, 2017 at 7:59 pm #778897Hi Victoria,
It’s on the hompage, which I link to in my openingspost. It happens when the title is over two rules and between those rules, it’s strange. I think it has something to do with the line-height. In css I have added:
.avia-content-slider .slide-entry-title { line-height:0.5em; margin-bottom:30px; font-weight:bold!important; }
Can it be that the a element has another line-height? Couldn’t find that by the way.
Regards,
Erwin
April 18, 2017 at 5:18 am #779062Hi Erwin,
Thanks for the feedback, I think that CSS is what is causing your problems. Could you try removing that CSS or increase line height to see if that works please?
Best regards,
RikardApril 18, 2017 at 7:13 am #779094Hi,
I’ve disabled it with a typo. Now it’s working but I don’t get the desired layout. How can I adjust the line-height without messing up my link?
Regards,
Erwin
April 18, 2017 at 10:33 am #779166Hi Erwin,
I can see this on style.css (lin-height, which isn’t working):
.avia-content-slider .slide-entry-title { lin-height:0.5em!important; margin-bottom:30px; font-weight:bold!important; }
Try to change this to:
.avia-content-slider .slide-entry-title { line-height: 2!important; margin-bottom: 30px; font-weight: bold!important; }
then add this also:
.avia-content-slider .slide-entry-title a { display: block; }
Hope this helps :)
Best regards,
NikkoApril 18, 2017 at 10:58 am #779172Hi Nikko,
This works great. Thank you!
You can close this topic.Regards,
Erwin
April 18, 2017 at 11:04 am #779181Hi Erwin,
Glad we could help. Thanks for using Enfold :)
Best regards,
Nikko -
AuthorPosts
- The topic ‘Title in post slider doesn't link correct’ is closed to new replies.