- This topic has 10 replies, 3 voices, and was last updated 4 years, 2 months ago by
Leo.
-
AuthorPosts
-
April 9, 2018 at 7:45 am #545262
Sebastián
Hi!
I want to change the underline colour from the hyperlinks. Also I would like to change the style of the underline hyperlink to dotted.
What CSS should I use?
Thanks
GeneratePress 2.0.2April 9, 2018 at 11:32 am #545596Leo
StaffCustomer SupportHi there,
Can you guide me to a hyperlink you are referring to?
Just want to check if it’s getting style from GP or Elementor.
Let me know.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 9, 2018 at 12:02 pm #545624Sebastián
Is not only one hyperlink I want everyone of the hyperlinks with a different style.
I use elementor blog posts but it’s not gonna be a problem right?
https://sebastiancardozo.com/como-ser-mas-productivo-blogger/There you have different hyperlinks through the text.
Thanks
April 9, 2018 at 9:02 pm #545936Tom
Lead DeveloperLead DeveloperYou’re using the
<u>
element to underline the text, which makes it so we can’t style it: https://www.screencast.com/t/yMIdhDCgLdCInstead, do something like this (once those elements are removed):
.elementor a { text-decoration: underline; text-decoration-color: red; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 10, 2018 at 6:18 am #546255Sebastián
It works but i also want a dotted underline.
And another important thing, if i dont want hyperlinks underlined for example the ones on https://sebastiancardozo.com/blog/ can I take them off?
Thanks!
April 10, 2018 at 9:08 am #546463Tom
Lead DeveloperLead DeveloperYou could try this:
.elementor a { text-decoration: none; border-bottom: 1px dotted red; }
I’m not seeing any underlined links on that page?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 10, 2018 at 9:39 am #546504Sebastián
Try now!
I would like to remove them for the blog page and the others.
Only dotted underline on blog posts.
April 10, 2018 at 9:48 am #546517Tom
Lead DeveloperLead DeveloperTry this:
.elementor.single a { text-decoration: none; border-bottom: 1px dotted red; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 10, 2018 at 10:04 am #546530Sebastián
Not working for me :/
I need to put everything on additional css or I could use simple css?
April 10, 2018 at 10:09 am #546535Sebastián
And another thing I only want the links on the article itself underlined. Not the header and footer.
I don’t know if what im asking is possible though
Thanks!
April 10, 2018 at 12:31 pm #546639Leo
StaffCustomer SupportYou are using Elementor Canvas which strips all of GP’s elements and style so I wonder if they would have a better method for this instead of us giving you CSS solution to modify it.
I think it’s worth checking with their support.Otherwise give this a shot:
.post-template-elementor_canvas.single elementor-container a { text-decoration: none; border-bottom: 1px dotted red; }
But again I would recommend checking with their support as you can see the CSS is targeting their content.
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.