[flashden422]

Kyle,

Thanks. I understand, and appreciate the quick answer and reasoning.

Thanks!

[flashden422]

This reply has been marked as private.

[flashden422]

Please read this as OPTIONAL help – as you’ve already helped enough on this.

When I use the code above, in addition to the text links it turns icons (such as social media icons) into the same color as the text link. Is there a way to adjust the code above so that it only affects text links and not anything else?

If you know of a way – GREAT! If not, once again I already appreciate all the excellent guidance you’ve given above.

Just let me know either way.

Thank You!

[flashden422]

Thank you Mohammad! Problem solved. : )

[flashden422]

One other question if you don’t mind:

I’d like the link text to be a different color than the rest of the text while is not being hovered over. For example, I’d like the link to be #555555, which is a different color than the rest of the body text in the area.

Can you send over the line of CSS to add for that please?

Thank You!

[flashden422]

Perfect! Worked like a charm. Thanks!!!

[flashden422]

Perfect. I’ll try this out. Thank you so much.

[flashden422]

Mohammad,

I’d prefer not to share the URL. But here’s a better illustration using the Pinpoint Demo (in full width layout).

Home Example 1

I’ve attached 2 screen captures that have green rectangles shading in the areas I want to cover 100%. Right now when I try to fill the image in for the header background I still get a white border around the top, bottom and sides. And I have not seen a way to do that in the footer.

Thanks!

Attachments:

You must be logged in to view attached files.

[flashden422]

Thanks! I’ll give it a try soon! Have a good weekend.

[flashden422]

This reply has been marked as private.

[flashden422]

Thanks for your time on this.

The selectors above are not in the current CSS. There are similar selectors (that don’t have “.accent”).

And this is how I currently have them modified, with one’s original attributes completely commented out.

a.sf-button:hover {
/*border: 0!important;
box-shadow:0 2px 3px 0 rgba(0,0,0,.2);
text-decoration: none!important;*/

.sf-button.lightgrey:hover {
/*background: #aaa;*/
background: #fff;

When I add: color: red!important; to both of them it still does not work. The hovered over text continues to remain black.
(lightgrey is the button set that I’m using, and have made modifications to)

a.sf-button:hover {
/*border: 0!important;
box-shadow:0 2px 3px 0 rgba(0,0,0,.2);
text-decoration: none!important;*/
color: red!important;

.sf-button.lightgrey:hover {
/*background: #aaa;*/
background: #fff;
color: red!important;

Or am I supposed to add all of the code you supplied above? I did try this as well and had the same results.

Thanks!

[flashden422]

I tried the code above and it’s very helpful. (forgot about !important tags)

But so far no matter how I modify the various HOVER selectors, when I roll over the text it’s black and won’t allow me to designate the text color inside the button to be a different color when hovered over.

I’ve tried:

color: #FFFFFF !important;

and

color: #FFFFFF;

Is there something else I may be missing? Or maybe some other code and/or setting that is interfering?

Thanks David!

[flashden422]

Thanks David!

[flashden422]

Hello,

Thank you! After spending some time researching this more, I found that Fonts.com makes a WP Plugin called “Web Fonts” to help streamline the process. So I think I’m set now.

Thanks.

[flashden422]

Good! Glad to be a help. Maybe it will help others too.