- This topic has 11 replies, 4 voices, and was last updated 1 year, 8 months ago by
David.
-
AuthorPosts
-
October 9, 2020 at 10:56 am #1480896
Sanu Kumar
Can I change the hyperlink colour inside the post – would like to change into gradient colour this
background: linear-gradient(150deg, rgba(193,10,255,1) 0%, rgba(240,2,255,1) 100%);
October 9, 2020 at 1:25 pm #1481083Tom
Lead DeveloperLead DeveloperHi there,
Try this:
.inside-article a { background: linear-gradient(150deg, rgba(193,10,255,1) 0%, rgba(240,2,255,1) 100%); }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 9, 2020 at 7:54 pm #1481371Sanu Kumar
I am trying this CSS to change the link colour but doesn’t change
body:not(.blog):not(.archieve) .inside-article > *:not(.rank-math-breadcrumb) a { font-weight: bold; color: linear-gradient(150deg, rgba(193,10,255,1) 0%, rgba(240,2,255,1) 100%); }
October 9, 2020 at 7:56 pm #1481375Leo
StaffCustomer SupportCan you try Tom’s code first? If that doesn’t work, can you link us to the page in question with the code added?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 9, 2020 at 7:59 pm #1481381Sanu Kumar
I tried Tom’s code but it changed the link background but I want to change the font colour and I also try to replace
background
tocolor
but not worked.October 10, 2020 at 4:00 am #1481697David
StaffCustomer SupportHi there,
The code Tom provided can only be applied to a background color – are you wanting a gradient color for your text ?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 10, 2020 at 4:14 am #1481708Sanu Kumar
yes
October 10, 2020 at 6:25 am #1481853David
StaffCustomer SupportNot sure about this or the browser compatibility but try this:
body:not(.blog):not(.archive) .inside-article>*:not(.rank-math-breadcrumb) a { font-weight: bold; background: -webkit-linear-gradient(150deg, rgba(193,10,255,1) 0%, rgba(240,2,255,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 16, 2020 at 8:41 pm #1492707Sanu Kumar
not worked.
I think it should work because if we can change the hyperlink background colour then it is also possible to change the text colour of hyperlink.
I am not a techy guy, just my thoughts.
October 17, 2020 at 1:59 am #1492866David
StaffCustomer SupportCan you share a link with the CSS added ?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 17, 2020 at 4:06 am #1492962Sanu Kumar
Added the code.
Here is one of my post link
https://www.masteryblogging.com/siteground-hosting-review/October 17, 2020 at 5:01 am #1493007David
StaffCustomer SupportIt does work – try adding the CSS here to the top of your 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.