Moderator
t-p
(@t-p)
CSS Work:
There are many tools available for this kind of CSS work, for example:
– Firefox with Firebug add-on: Help info on Firebug https://getfirebug.com/faq/
– Newer IE/Chrome, etc., have similar tools
– Also, check out Custom CSS Manager plugin: http://wordpress.org/plugins/custom-css-manager-plugin/
– Alternately, try a dedicated CSS resource such as http://www.css-discuss.org/
If u share ur site then I can tell which class you have to edit to what.
Thread Starter
d0gdhr
(@d0gdhr)
I was actually asking for the page that have the link and the position of the link.
Thread Starter
d0gdhr
(@d0gdhr)
Here we go.
http://winefoodearth.com/bespoke-holiday/
In the first block after about it should appear the word “Molise”. While you can only see it if you hover it.
http://winefoodearth.com/where-is-molise/
this is the page where the link takes you.
Your theme have inline css in head tag. Did u posted any custom css in Appearence>Theme option>CSS?
If yes the find `a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .x-comment-time:hover, #reply-title small a, .comment-reply-link:hover, .x-comment-author a:hover {
color: #FFF;
}`
And replace it with
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .x-comment-time:hover, #reply-title small a, .comment-reply-link:hover, .x-comment-author a:hover {
color: #FFF;
}
That class mean you set the link color white (#fff). If none of your head(h1,h2 etc) tag’s body is darken then u can remove that class or replace #fff with a nutral color like #b3b3b3.
Thread Starter
d0gdhr
(@d0gdhr)
Hi there,
I did not post any CSS in Appereance.
Though I added your code in the CSS section of the page I was working on and did not work.
Is there something else I can try?
Cheers
Bit complicated.. Different theme work differently.. If the inline css <style> wasn’t added by something like include then you can edit them from header.php
and adding anything in styles.css wouldn’t work.
However u can patch this (but not recommended) with a !important tag.
Add bellow code in styles.css
a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,.x-comment-time:hover,#reply-title small a,.comment-reply-link:hover,.x-comment-author a:hover{color:#0602a9!important;}
Thread Starter
d0gdhr
(@d0gdhr)
Where would I find styles.css?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
Then use its “CSS Code” section of the dashboard to hold your CSS modifications.
Alternatively use your Child Theme style.css file to hold your CSS modifications.
Whatever is generating the following:
<style id="x-customizer-css-output" type="text/css">body{background-color:#f5f5f5;}a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,.x-comment-time:hover,#reply-title small a,.comment-reply-link:hover,.x-comment-author a:hover{color:#ffffff;}
Is causing the anchor element to be white (#FFFFFF) in color. Given the id of x-customizer-css-output it sounds like a plugin or something related to the theme causing it.
Looks like what is affecting the color of the menu above is also affecting the links below since the links above are white.
Thread Starter
d0gdhr
(@d0gdhr)
I am using an X – Child Theme. I don’t get how to access styles.css.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It would be better for you to talk to your theme’s vendors/ authors for support.
See if this gets you anywhere. In the style.css of your child theme:
div p span a {
color: red;
}
Worth a shot. And of course, add a color or HEX value to suit.
