Identifying default colors for Minium Pro theme and removing hyperlink line

[pamrburke]

Hello,

I am new to WordPress and Genesis, therefore my question may be very basic.

I recently updated the site title of my page (currently in the staging area using WPEngine).

Using the Genesis Extender I added the following to the function.php (obtained the code from a post by Carrie Dils)

/** Add additional style to site header */
add_filter('genesis_seo_title', 'pb_site_title', 10, 3);
function pb_site_title($title) {
	$title = '<h1 id="title"><a href="http://canwilldone.com" title="canwilldone"><span class="can">can</span><span class="will">will</span>DONE</a></h1>';
	return $title;
}

And to the CSS in Genesis Extender I added

#title a {
	text-transform:none;
	text-decoration:none;
}

#title .can {
	color: #796e67;
	font-weight: 300;
}

#title .will {
	color: #e05900;
	font-weight: 300;
}

Since the default format for the site title was uppercase and I did not want that, I changed it to none.

The issues I am having are:
(1) when I place my mouse over the site title the word DONE changes to the default hover color. Being new to all of this, I do not know where to go to change that color to the same color as the word when the mouse is not over it. In addition, I do not know where to find that default none hover color. I know from within WordPress there is a styles.css under Appearances, but from my reading of posts online, that is not what I should be updating. I need the child theme css, yes?

(2) Even though I added text-decoration:none;, thinking that would get rid of the dashed underline, it did not. How can I get rid of the dashed underline?

Since I have my site in maintenance mode, you will not be able to see what I am doing in the staging area.

Thanks

Pam

http://www.canwilldone.com

[pamrburke]

I figured out #1.

I found the minimum pro styles.css file, then found the color under the Title Area. After that I added the following via the Genesis Extender.

#title a:hover {
color: #333;
}

I still need to resolve #2, which is getting rid of the dashed line underneath the site title.

Thanks

Pam

[pamrburke]

I figured item #2.

#title a {
	text-transform:none;
	border-bottom: 0px;
}

#title a:hover {
	color: #333;
	border-bottom: 0px;

[Author]

Posts