Lecreesma Posted January 29, 2021 Share Posted January 29, 2021 Site URL: https://www.wisdom2be.com/ I'd like to change the look of my hyperlinks to one universal color (on all pages). Presently, they lack presence. Ideally I'd like of of them on every page to be a dark red — and an added hover effect. I've included a JPG of what those links presently look like. Link to comment
derricksrandomviews Posted January 29, 2021 Share Posted January 29, 2021 This tutorial can help you with a number of hyperlink style changes: Angie123 1 Link to comment
Lecreesma Posted January 29, 2021 Author Share Posted January 29, 2021 Hello, Unfortunately, the tutorial addressed the issue (changing hyperlink color) with 7.0☹️. Link to comment
tuanphan Posted February 3, 2021 Share Posted February 3, 2021 Add to Design > Custom CSS #page a { background-image: linear-gradient(to right,currentColor 100%,currentColor 0); color: red; } #page a:hover { background-image: linear-gradient(to right,currentColor 100%,currentColor 0); color: green; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Lecreesma Posted February 4, 2021 Author Share Posted February 4, 2021 Wow! That works fine. Now to be nit-picky, the red is TOO bright a red — I would like to have is a muted red (I'll send an example). Link to comment
Lecreesma Posted February 4, 2021 Author Share Posted February 4, 2021 Also, on a different issue, can the heigth of my bottom header be lessened? 10 is the lowest I can adjust. Link to comment
Lecreesma Posted February 4, 2021 Author Share Posted February 4, 2021 Another example of a dark red (my old site: Link to comment
Lecreesma Posted February 4, 2021 Author Share Posted February 4, 2021 Another example: https://encycolorpedia.com/a40000 Link to comment
ajbajb Posted February 4, 2021 Share Posted February 4, 2021 Find the hexadecimal code for the color you want and the replace the word 'red' with '#' and the 6 character code. for example: a { color: #cd0e2a; } Link to comment
Lecreesma Posted February 4, 2021 Author Share Posted February 4, 2021 Interestingly, I changed "red" to "brown". Much Better... Link to comment
Lecreesma Posted February 4, 2021 Author Share Posted February 4, 2021 Fantastic! Your efforts are deeply appreciated. Link to comment
Lecreesma Posted February 4, 2021 Author Share Posted February 4, 2021 Ooops, There is a problem. All of my titles on my tow blog pages are "reded out!" Take a look: https://www.wisdom2be.com/essays-insights Link to comment
Lecreesma Posted February 4, 2021 Author Share Posted February 4, 2021 Here's what ti looked like prior to... Link to comment
Lecreesma Posted February 4, 2021 Author Share Posted February 4, 2021 I have resolved the issue without code. Thanks again for your efforts. Keith ajbajb 1 Link to comment
ABA Posted September 6, 2021 Share Posted September 6, 2021 Hello @Lecreesma and @ajbajb - may I ask how you managed to resolve the issue without code? I"m having some trouble and the code provided by user:ajbajb has resulted in the same 'blocking out' issue you encountered Link to comment
tuanphan Posted September 8, 2021 Share Posted September 8, 2021 On 9/7/2021 at 3:59 AM, ABA said: Hello @Lecreesma and @ajbajb - may I ask how you managed to resolve the issue without code? I"m having some trouble and the code provided by user:ajbajb has resulted in the same 'blocking out' issue you encountered Can you share link to your site? We can take a look Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Melbaspence Posted April 5, 2022 Share Posted April 5, 2022 I would have loved to know the answer to this! I too am having the same problem right now. Link to comment
tuanphan Posted April 6, 2022 Share Posted April 6, 2022 18 hours ago, Melbaspence said: I would have loved to know the answer to this! I too am having the same problem right now. Add this to Design > Custom CSS a {color: red !important;} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MLS108 Posted April 9, 2022 Share Posted April 9, 2022 On 4/6/2022 at 3:30 AM, tuanphan said: Add this to Design > Custom CSS a {color: red !important;} Thanks for this! I'm curious about how to edit this a little bit more. Is it possible to make a link underlined in a color and then on hover make it solid ... like here: https://www.nationalgeographic.com/history/history-magazine/article/angkor-wat-the-worlds-biggest-religious-complex-served-two-faiths Link to comment
tuanphan Posted April 10, 2022 Share Posted April 10, 2022 On 4/9/2022 at 9:13 AM, MLS108 said: Thanks for this! I'm curious about how to edit this a little bit more. Is it possible to make a link underlined in a color and then on hover make it solid ... like here: https://www.nationalgeographic.com/history/history-magazine/article/angkor-wat-the-worlds-biggest-religious-complex-served-two-faiths Possible. Can you share link to page where you use link? We can tweak the code for your site easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MLS108 Posted April 11, 2022 Share Posted April 11, 2022 1 hour ago, tuanphan said: Can you share link to page where you use accordion? Yes of course! Here is an example page: https://onion-snail-wjhl.squarespace.com/artist-landing-page-template I'd love this type of hover link to only happen in the body of the webpage. Not in the menu section. Thank you as always! Your help is appreciated beyond words. Link to comment
tuanphan Posted April 15, 2022 Share Posted April 15, 2022 On 4/11/2022 at 8:31 AM, MLS108 said: Yes of course! Here is an example page: https://onion-snail-wjhl.squarespace.com/artist-landing-page-template I'd love this type of hover link to only happen in the body of the webpage. Not in the menu section. Thank you as always! Your help is appreciated beyond words. Add to Artist Page Header <style> p a { position: relative; z-index: 0; } p a:after { content: ""; background-color: yellow; position: absolute; bottom: 0; width: 100%; height: 5px; z-index: -1; left: 0; } p a:hover:after { height: 15px; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MLS108 Posted April 15, 2022 Share Posted April 15, 2022 Thank you again! I appreciate your support beyond words. Link to comment
Mixx13 Posted September 4, 2022 Share Posted September 4, 2022 #page a {text: linear-gradient(to right,currentColor 100%,currentColor 0); color: red;} this code works, you can change color: choose your colour Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment