Change Atltitude Pro Footer Hover Color

[michaelf64]

I need to change my Altitude Pro footer hover color on 3 links. (dreamexploreachieve.com) I have tried editing everything I can find in the CSS, but no joy. Any suggestions? THANKS!

http://dreamexploreachieve.com

[Tom]

.site-footer a:hover {
    color: red;
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[michaelf64]

Thanks Tom, but the code you have so kindly offered already appears on line #1680-1681 of the CSS under the section "Site Footer". Changing the hex value in that short code seems to have no effect.

Using Firebug (Firefox extension), I can the hex color value in the statement below and it actually changes to the desired hover color...temporarily (Firebug):

------------------------------------------------------
a, .entry-title a:hover, .image-section a:hover, .image-section .featured-content .entry-title a:hover, .site-footer a:hover {
color: #387438;
}
------------------------------------------------------

#387438 is the background color of the footer. If I change the value - in Firebug - to #ffcc00, I get the desired hover color...temporarily.

The problem is that I can't seem to locate the above statement in the CSS using the WordPress CSS editor to effect the change permanently. Any suggestions?

As I am a complete newbie, I can assure you any help you can offer will be enthusiastically received.

Thanks,
mike

[Tom]

Hey Mike,

Something is injecting the following string of CSS inline into your output after the theme stylesheet is loaded and immediately following the background image declarations. Edit or remove this and the problem is corrected.

Also, I would be interested to know what "the WordPress CSS editor" you are using actually is (in addition to Genesis Extender).

	a,
		.entry-title a:hover,
		.image-section a:hover,
		.image-section .featured-content .entry-title a:hover,
		.site-footer a:hover {
			color: #387438;
		}

		button,
		input[type="button"],
		input[type="reset"],
		input[type="submit"],
		.archive-pagination li a:hover,
		.archive-pagination .active a,
		.button,
		.footer-widgets,
		.widget .button {
			background-color: #387438;
		}

		button,
		input[type="button"],
		input[type="reset"],
		input[type="submit"],
		.button,
		.front-page input:focus,
		.front-page textarea:focus,
		.widget .button {
			border-color: #387438;
		}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[michaelf64]

Tom,

I am using the "Advanced Code Editor" plugin. It offers the ability to see line numbers and other search capabilities that a newbie like me needs so desperately.

In Firefox Firebug the CSS code to which we are referring...and I can't locate in the editor...shows up in Firebug under the heading of "dreamexploreachieve.com #2" in Firebug. Have no idea what the whole "#2" thing is about.

I have searched for the above in the editor and come up empty. Could there possibly be another CSS that doesn't show up normally? I'm at a loss here. Not certain why Firebug has no difficulty finding and displaying the code and I can't seem to find it in the WordPress editor...ugh!

Thanks,
mike

[Tom]

Dashboard > Customizer > Accent Color > Select Color

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[michaelf64]

Thanks for the feedback Tom.

Unfortunately, going through Customizer changes the accent color on ALL buttons and links that I wish to remain a certain color. At this point, I'm just going to have to leave it as it is. At least it's only those 3 links in the footer that will be kinda "hover" weird.

Thanks again my friend. You're AWESOME!!

mike

[Author]

Posts