[cmallon]

Thank you for your time.

[cmallon]

This reply has been marked as private.

[cmallon]

This reply has been marked as private.

[cmallon]

Haha! All good man. Do you suppose this will be added to the next update since this is an issue with the theme itself?

Thanks,

[cmallon]

@Mohammad and @jmaskell,

I have attached three screenshots with a red guide to show better how the default theme is setup and how these lines of code affect the text. @Mohammad, the code provided doesn’t work as you can see in the second screenshot. You were close, but you have to change the code from:

div#top-bar div.tb-right{
text-align:center
}

To:

div#top-bar div.tb-right{
text-align:right
}

Regardless, this is an issue with the theme since it is set by default to be left aligned. I hope this can be fixed in the next update.

@jmaskell — Use this code:

div#top-bar div.tb-right{
text-align:right
}

Thanks for the help Mohammad.

[cmallon]

Here’s a duplicate site for testing purposes:

http://denco.clintmallon.com/

Thanks for your help!

[cmallon]

Here’s another screenshot just to show you what I’m talking about

[cmallon]

Hi Kyle,

DencoFamily.com

I actually have this option disabled on the live site since it seems to be broken on the theme. Since it’s currently disabled, I think it would be impossible for you to fix for me unless I activate it again and leave it that way until you respond. I understand that we can use css to move it over, but I honestly think that this “Top Bar right text config” issue is an issue with Dante, not my current instillation.

Btw, I have version 2.55 installed. Thoughts?

Thanks!

[cmallon]

You guys fixed it!!

THANK YOU!! 🙂

[cmallon]

Great Ed, thank you!

[cmallon]

Alright, lets start off with no Custom CSS added under Admin > Theme Options > Custom CSS/JS. If Mike or I wanted to to change the “link color” or the “link hover color” for the whole site, we would default to Admin > Appearance > Customize.

Cool, easy enough… Let’s use these three areas as an example:

1. The Top Bar
2. The Body
3. The Footer

When I go to Admin > Appearance > Customize, we can quickly find these three sections to make our adjustments (Along with others):

“Color – Header”
“Color – Body”
“Color – Footer”

=========================================
Here’s where the problem begins:
=========================================

Under the “Color – Header” section, there are options for (Along with others):

1. Top Bar Text Color
2. Top Bar Link Color
3. Top Bar Link Hover Color

This is perfect and is exactly what needs to be available to the user in all sections. However, if you use the code you provided:

a:hover {
color: #1f1a56 !important;
}

…The options under the “Color – Header” section are overruled and so are all other options under Admin > Appearance > Customize (This is what Swift Ideas needs to consider and I hope you guys agree to fix this over the next update since this is a legitimate issue with the theme… It’s basically broken in this regard).

=========================================
Let’s continue:
=========================================

Under the “Color – Body” section, there are options for (Along with others):

1. Body Text Color
2. Link Text Color

…but there’s not an option for “Link Text Hover Color.” As you suggested, the code above fixes this, but as mentioned, that code overrules all options even though “Link Text Hover Color” is missing within this option completely (Please add this to this section!).

=========================================
Let’s take this a step further:
=========================================

Under the “Color – Footer” section, there’s an option for (Along with others):

1. Footer Text Color
2. Copyright Link Color

…but there’s not an option for “Copyright Link Hover Color.” As you suggested, the code above fixes this, but as mentioned, that code overrules all options even though “Copyright Link Hover Color” is missing within this option completely (Please add this to this section!).

=========================================
Let’s take this one last step further:
=========================================

The only way to truly accomplished site-wide link hover states, today, is to:

1. Go to Admin > Appearance > Customize > Color – Accent => and set your two most used colors.

2. Go to Admin > Appearance > Customize > Color – Header => and make sure the options are the way you want them.

3. Go to Admin > Theme Options > Custom CSS/JS => and add these two custom hover colors (I have defaulted to red just for purpose sake):

a:hover {
color: #ff0000;
}

#copyright a:hover {
color: #ff0000;
}

==================================
Final thoughts
==================================

As you can see, your theme is somewhat broken and these steps are totally unnecessary (Especially for someone new to this). These hover colors need to be added to the theme under Admin > Appearance > Customize within the next update bc none of your users need to search the forum in hopes to find this thread in which I have provided the solution. Once this is fixed, Dante will be a more complete theme and that’s a beautiful thing…since Dante is already a stellar piece of work.

Please let me know your thoughts and as always, we ALL really appreciate you guys for creating such a beautiful theme!

Cheers!

[cmallon]

Actually, before closing this topic as solved, the above suggestion isn’t a good solution for our needs. Hold please and I’ll explain later tonight when I can get to it.

Thank you,
cmallon

[cmallon]

What in the world? That worked for me too… Thank you but I’m confused.

If this works:

a:hover {
color: #1f1a56 !important;
}

Why doesn’t this work?:

a:hover, .ui-widget-content a:hover {
color: #1f1a56 !important;
}

Thanks again Mohammad

[cmallon]

Awesome Kyle!

I didn’t know that the row asset could do that. I actually created a row and then moved my parallax asset into the new row which messed things up. I then deleted my parallax asset and used the row asset to recreate the parallax effect which worked great and it’s adjustable just as I asked.

Thanks man!

[cmallon]

Hi Guys,

The link hover state is all that we’re trying to change. Mike is correct that there’s no link hover option in the color customizer. I have looked multiple times in hopes that I missed it and it’s just not there. I have also used the Inspect Element tool in Firefox and Chrome to find the code to change it, and for some reason, adding custom css doesn’t change it either even if I use !important:

dencofamily.com

a:hover, .ui-widget-content a:hover {
color: #1f1a56 !important;
}

If you check my site and go to the contact us page, you’ll see the light blue/green links don’t hover bc the theme is setup to make them hover to that light blue/green. I need to be able to customize this in the color customizer and my boy Mike wishes to do so too. 🙂

Thanks for the help Mohammad and Melanie