Archived topic
dispatch link color
9 replies · Started by liz on July 27, 2021
Hi,
I'm using Dispatch theme. I know how to change the red link color to black but in doing so, it also turns my hyperlink color within post to black which makes the linked terms not visible as they will have the same color as the rest of the texts in the article. I want my headings in the front page black but the the hyperlink within post will remain red. Thanks in advance.
Hi Liza,
You can keep the red color for the links and add this CSS:
h2.wp-show-posts-entry-title a {
color: black;
}
section#wpsp-961 h2.wp-show-posts-entry-title a {
color: white;
}
This way, the WPSP list lists are unaffected.
Hi, Alvin.
I did put the code but the hyperlinks within posts are not red. They still took on the same color as the headings. Thanks in advance.
Try adding this as well:
.entry-content a {
color: #ff1956;
}
Let us know how it goes. :D
Hi Elvin,
How are u doing? The text hyperlink within the article is still black not red after adding the code using simple CSS..The link to the website is in the private info field.
Hi there,
just to confirm; are you looking at the Links in the Single Post ? Or the home page?
Hi, there
Hope you're all doing well. It worked on mobile but not on desktop. I am referring to hyperlinks within single posts..I want the text hyperlinks within post articles to be red in color to make them stand out and visible-- so readers can click them. On mobile, the hyperlinks within posts (body) are red but it is not reflected on desktop screen.
I did a devtool test and the CSS seems to work on desktop as shown here - https://share.getcloudapp.com/JruxkkAB
Can you tell us how you're adding the CSS?
While waiting, what happens if you try this?
body.single-post .entry-content a {
color: #ff1956 !important;
}
Hi, Elvin!
I saw the link you sent, is that my mobile screen? The red hyperlinks are actually visible on my mobile. The problem is, they're not visible on the desktop screen. If you don't mind..can you please check the desktop screen as well? Thank you in advance.
So you have an unclosed @media query in your CSS, this block here:
@media (max-width: 768px) {
body.single .inside-article {
padding: 0 30px !important;
}
h2.wp-show-posts-entry-title a {
color: black;
}
section#wpsp-961 h2.wp-show-posts-entry-title a {
color: white;
}
.entry-content a {
color: #ff1956;
}
So all of that CSS below @media (max-width: 768px) { is only getting applied to small screens.
To fix that you need to add in the missing bracket, see below where i have commented it should be added:
@media (max-width: 768px) {
body.single .inside-article {
padding: 0 30px !important;
}
} /* Insert missing } here */
h2.wp-show-posts-entry-title a {
color: black;
}
section#wpsp-961 h2.wp-show-posts-entry-title a {
color: white;
}
.entry-content a {
color: #ff1956;
}