Tagged: CSS, hyperlinks
-
AuthorPosts
-
May 18, 2019 at 12:08 am #1101952
Hi guys!
You helped me get the hyperlink underlines right on this ticket
But with the latest update it’s not working as it should. I get an underline on images with links to the wp-content/uploads/file images.
This is the code added to the Child Stylesheet:
/*underline links body*/
.entry-content p a {
color: #000 !important;
text-decoration: none !important;
border-bottom: 2px solid #00b737;
}
.entry-content p a:hover {
color: #00b737 !important;
text-decoration: none !important;
border-bottom: none !important;
}and here’s one of the blog posts (see signature at the end of the article) https://staging-conversionsciencesdev.kinsta.cloud/marketers-helpful-little-monsters-marketing-automation/ The first image does not have a link (I removed it to see what happened)
Also, it only happens if there’s no caption.
Check this one out that has captions for the images:
Thank you in advance for your assistance!!
Warm regards,
Havi
May 18, 2019 at 5:13 pm #1102063Hey havi,
I took a look at your site, but both of your links are the same so I couldn’t see a comparison of what you want and what is happening.
You seem to be talking about your “signature at the end of the article” but the profile image is not a link, so it would not be underlined.
Can you please include a screenshot of what you want to be underlined so we can assist.Best regards,
MikeMay 18, 2019 at 6:05 pm #1102068Hi Mike!!
Sorry… I should have given you more visuals…
Here’s the underline that should not be there:
image
underlined image
And one more on the same page:And this is an image with caption where the underline does not appear (exactly as it should be):
This is the URL: https://staging-conversionsciencesdev.kinsta.cloud/how-to-pick-a-conversion-optimization-consultant-for-your-online-business/
For some reason, the underline has begun showing if no caption is provided. Let me know if you want access to the staging site. You can play around on it if you’d like. Or if there’s any other information I can get for you.
Happy to help!!
Warmly,
Havi
- This reply was modified 5 years, 6 months ago by havi. Reason: images not being displayed - added links to imgur
May 19, 2019 at 4:17 pm #1102300Hi,
Thank you for the images, I recommend changing your css to this:.entry-content p a:not(.lightbox-added) {...}
and then clear your browser cache, and check.
The reason adding a caption doesn’t show the underline is because the classes are no longer .entry-content p a it is then .entry-content a and not inside the paragraph (p).
Please let us know if this helps, if you are still having images showing the underline then a login would help because trying to override the “!important;” in your css is a little hard.Best regards,
MikeMay 20, 2019 at 8:29 pm #1102564Hi Mike!
I followed your instructions – cleared Kinsta’s cache, browser’s cache, went to an old post that I haven’t visited ever. And did not get any positive results. I will wait 24 hours (it’s Nginx) to make sure all caching clears 100% and if the underline is still there I will send you the credentials to access the staging site.
Crossing my fingers!! :)
Warmly,
Havi
May 21, 2019 at 5:26 am #1102676Hi,
Thank you, I look forward to your results.
I checked the page that had the underline for the images and cleared my browser cache and the lines were not there, Please see the screenshot in Private Content area. It looks like it’s been 7 hours since you posted, so hopefully by the time you check you will also see this. But will be happy to address any other pages or posts that you may have an issue with.Best regards,
MikeMay 21, 2019 at 8:55 pm #1103069Hi Mike!
I’ll have to check from another computer as I tried Safari, Chrome and Firefox (never accessed that page on Firefox or site for that matter) and I still see the line. :( I see yours does not show the line… this is so weird!
I’ll keep you posted!!!
Warmly,
Havi
May 22, 2019 at 8:12 pm #1103447Hi Mike!!
I was not able to see the changes so I reached out to Kinsta. They could not se them either but they suggested disabling and re-enabling the CSS compression. Ta da! That did it!!
The CSS works!!! :)
Warm regards,
Havi
May 23, 2019 at 4:47 am #1103529Hi,
Glad to hear, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
Mike -
AuthorPosts
- The topic ‘CSS behavior not working as before’ is closed to new replies.