Styling Help

[Jesse]

Hello,

I'm using the Enterprise Pro child theme. I'm hoping someone can help me code for my hyperlinks to be underlined until I hover. Just for hyperlinks in posts and pages and not post titles.

Also, I'm looking to have the same styling for my collapse o matic plugin text. Here is what I've tried so far but it doesn't work...

.s4 {
font-color: #31b2ed;
font-size:18px;
text-decoration: underline;
}

With this in my post where I want the text to be hidden...

[expand title="test" trigclass="s4"]

You can see the plugin in action toward the bottom of this post...

http://ultimatehealthpodcast.com/welcome/

Thank you!
Jesse

http://ultimatehealthpodcast.com

[Davinder Singh Kainth]

For underlined links in posts and pages, add following code to style.css file before media queries section.

.content a {
text-decoration: underline;
}

.content a:hover {
text-decoration: none;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

Your collapse o matic text "test" is already underlined. Do you want to remove underline when expanding or hovering over it?

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Jesse]

Thanks so much Davinder!

I'm looking to have the collapse o matic text the same colour and style as other hyper links... blue and underlined until hovered. The plugin has a spot for css. You can see above the code I tried using for the plugin above.

As for the posts and pages... I'm not sure what you mean by before the media queries section. Please help out a rookie 😉

Thanks,
Jesse

[paulag01]

Before the media queries means -- at the bottom of your CSS file you will see a section that starts

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

Put the code before there.

[Jesse]

Thanks Paula that worked great but how can I set it so the blog post titles are left untouched (not underlined)?

[Davinder Singh Kainth]

Do you want to have underline style for blog title like "001: Welcome To The Ultimate Health Podcast" here - http://ultimatehealthpodcast.com/welcome-ultimate-health-podcast/ ?

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Jesse]

yes Davinder those are the underlines im trying to remove and i want to leave the rest of the hyperlinks underlined 🙂

Any idea on the coding for that?

Thanks,
Jesse

[Davinder Singh Kainth]

Ok, then perform following steps:

1. Remove the following from style.css file

.content a {
text-decoration: underline;
}

.content a:hover {
text-decoration: none;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

2. Look for following code

a {
	color: #31b2ed;
	text-decoration: none;
}

a:hover {
	color: #333;
}

change this to...

a {
	color: #31b2ed;
	text-decoration: underline;
}

a:hover {
	color: #333;
        text-decoration: none;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Jesse]

Hey Davinder! Thanks for the idea but the post titles are still underlined and now the header title is underlined too. Any other ideas?

Thanks!

[Davinder Singh Kainth]

Ok, make following changes.

1. Look for following code

.site-title a,
.site-title a:hover {
	color: #31b2ed;
}

change this to...

.site-title a,
.site-title a:hover {
	color: #31b2ed;
        text-decoration: none;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

2. Look for following code

.entry-title a,
.sidebar .widget-title a {
	color: #333;
}

change this to...

.entry-title a,
.sidebar .widget-title a {
	color: #333;
        text-decoration: none;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Jesse]

Thanks Davinder!

Last two things with the styling...

How do I make it so hyperlinks within posts and pages stay the same colour blue instead of going black when I hover over them? The underline disappearing is perfect 🙂

The Menu titles are now underlined... How do I remove those?

I really appreciate all the help!

Cheers,
Jesse

[Davinder Singh Kainth]

1. For hyperlinks hover color, look for this code

a:hover {
	color: #333;
        text-decoration: none;
}

change it to

a:hover {
	color: #31b2ed;
        text-decoration: none;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

2. For menu items, look for following code

.nav-primary,
.nav-primary a {
	color: #fff;
}

change this to

.nav-primary,
.nav-primary a {
	color: #fff;
        text-decoration: none;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Jesse]

That worked great... thanks!

The last thing is the menu titles under my header are underlined... how can i remove the underline there? Those changed to underlined when we changed some of the code above.

Thanks again.
Jesse

[Davinder Singh Kainth]

I see you have not updated style.css file with above code.

Change this code

.nav-primary,
.nav-primary a {
	color: #fff;
}

to this code...

.nav-primary,
.nav-primary a {
	color: #fff;
        text-decoration: none;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Jesse]

Thanks for all the help Davinder! YOU ROCK!

[Davinder Singh Kainth]

Welcome !

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts