Digital experiences for all disciplines
New Landing › How can we help? › Atelier › Body text link color
New Landing › How can we help? › Atelier › Body text link color
- This topic has 28 replies, 6 voices, and was last updated 8 years by Mohammad – SUPPORT.
-
Posted in: Atelier
-
October 19, 2015 at 7:54 pm #221734
I’d like all of my body text link colors in blog posts to show up a certain color, without affecting EVERY link on my site. I realize I can use the Appearance > Customizer to change link colors, but when I did that it changed every link…main menu items, product titles, etc. Is there a way to only set the color of body text links? Like when I’m internally/externally linking to other content in my blog posts?
Thanks
October 20, 2015 at 8:51 am #221802Hi,
Please use this custom css code:-.page-content a{ color:#ff0000 !important; }
Thanks
MohammadOctober 20, 2015 at 3:24 pm #221955Thanks Mohammad – I added the css and replaced the color code with the color I’d like to display as my link text color…however the color isn’t appearing for link texts on my blog posts. I’ve attached a screenshot of what my css looks like. Is this correct?
Attachments:
You must be logged in to view attached files.October 20, 2015 at 3:28 pm #221959And if possible…I want only the ‘text links’ to show as the color…not product info on category pages like the product name and related categories. Is there css to exclude that?
October 20, 2015 at 4:40 pm #221997Hi,
Can’t see the entire code but it seems you have an extra closing bracket at the end(not sure if you have any media query before that).
Try to remove that last closing bracket.
-Rui
October 20, 2015 at 4:43 pm #222003The css worked and the color link text I want is currently being displayed, which is great – but I only want blog post text links and page text copy to show in that color, not the product names, categories, all that…
October 21, 2015 at 10:45 am #222135Hi,
Please provide me specific page url with blog text and page text. I will give to you exact css.
Thanks
MohammadOctober 21, 2015 at 3:19 pm #222257Thanks for your time Mohammad. The page url below contains a few text links that should be highlighted with the color I choose.
“@shippysue” and then “featured on our site” and “GTSclothing.com” should be highlighted the color of my choice.
Thanks
October 21, 2015 at 4:05 pm #222270Hi,
Please use this custom css code:-.impact-text a{ color:#ff0000 !important; }
Thanks
MohammadOctober 22, 2015 at 2:44 pm #222553I’d also like to change this on blog posts and main body text, the code above does nothing on our site though
October 22, 2015 at 2:51 pm #222561Hi @fierlan,
This last code is only for impact text, did you tried the initial one that Mohammad provided?
Let us know also your site url.Thanks
-Rui
October 30, 2015 at 1:12 pm #224532Hi @Rui, the first code changed every link, I just want to change the links in the body copy itself
October 30, 2015 at 1:17 pm #224535Can you paste here the code you used?
What you mean exactly with links in the body copy?-Rui
October 30, 2015 at 1:40 pm #224546So I used this code:
.page-content a{
color:#ff3400 !important;
}We want the body links to be orange as per the AFTER screenshot, but the author, category, tags & social should be black as per BEFORE
Attachments:
You must be logged in to view attached files.October 30, 2015 at 2:02 pm #224555Hi
What’s your link?
– Kyle
-
Posted in: Atelier
You must be logged in and have valid license to reply to this topic.