- This topic has 14 replies, 3 voices, and was last updated 7 months, 2 weeks ago by
Leo.
-
AuthorPosts
-
June 6, 2020 at 10:44 am #1317125
Sara
Hello,
How can I remove blue underline that is showing on image?
Thanks!
June 6, 2020 at 4:20 pm #1317322Sara
Underline showing on image comes from a tag on image to make it linkable, how I can remove line on CSS?
Thanks!
June 6, 2020 at 4:35 pm #1317343Leo
StaffCustomer SupportHi there,
The image links don’t have a specific class so you’d need a class like
no-under-line
to the image links and edit your CSS to this:.entry-content a:not(.button):not(.no-under-line) { box-shadow: inset 0 -1px 0 currentColor; transition: color 100ms ease-in,box-shadow .13s ease-in-out; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 6, 2020 at 4:58 pm #1317370Sara
Hello Leo,
I tried to place that CSS code on customizer Additional CSS and did not work, can you please tell me what CSS code to place there so the underline on image is removed?
Thanks!
June 7, 2020 at 7:06 am #1317876David
StaffCustomer SupportHi there,
there is no simple way of excluding the Images from your
<a>
tag underline styles.
Instead you could target very specific elements eg. :a.aawp-product__title { box-shadow: inset 0 -1px 0 currentColor; transition: color 100ms ease-in,box-shadow .13s ease-in-out; }
This will add the underline just to the Amazon product titles
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 7, 2020 at 2:33 pm #1318407Sara
Hello David,
The only thing I want is to tell me how I can remove blue underline that is showing under pools images with white background. Image is on a html tag, I don’t understand why you say is so, complicate? or can you tell me how to create a class and I add to a tag?
June 7, 2020 at 2:36 pm #1318409Leo
StaffCustomer SupportAs David explained:
there is no simple way of excluding the Images from your tag underline styles.
I’d think the best solution is to add a custom class like
no-under-line
to the link of your image so my CSS would work.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 7, 2020 at 2:45 pm #1318418Sara
Is this correct Leo?
.customimage { no-under-line; }
June 7, 2020 at 8:20 pm #1318574Leo
StaffCustomer SupportNo. You’d need to add a class to the link of the image in the HTML:
https://www.screencast.com/t/lRiqJlLumHave you tried David’s solution? Perhaps it’s actually the better way to go?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 8, 2020 at 4:36 am #1318951Sara
Hello, I manage doing it with adding the following CSS:
a img {
text-decoration: none;
outline: none;
border: 0px none transparent;
}June 8, 2020 at 7:04 am #1319140David
StaffCustomer SupportThe problem is the underline belongs to the
<a>
not the<img>
The only links i could see were those in the amazon titles – and this method is best to target just those:
https://generatepress.com/forums/topic/how-to-remove-blue-underline-on-image/#post-1317876Are there other links that are not covered by that CSS?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 9, 2020 at 11:05 am #1321079Sara
No those links are not using any CSS class just using regular a html tag
June 9, 2020 at 11:07 am #1321085Leo
StaffCustomer SupportSo is the issue solved?
If not can you please try David’s solution?
https://generatepress.com/forums/topic/how-to-remove-blue-underline-on-image/#post-1317876Not sure how we could be helpful if you can’t try our solution.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 11, 2020 at 10:56 am #1324040Sara
Hi Leo,
I have tried David solution but, does not remove underline.
June 11, 2020 at 11:00 am #1324042Leo
StaffCustomer SupportYou will need to remove your previous CSS which is adding the underline and only use David’s CSS.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.