Nav Buttons Colors

Tom Potter · September 20, 2013

You can select from just a few colors for your Nav Buttons, based on the Theme you pick. What do I need to do to select a color other than that select few?

Thanks,

Tom

www.tompotterphotography.com

Luc De Jaeger · September 21, 2013

Tom Potter wrote: »

You can select from just a few colors for your Nav Buttons, based on the Theme you pick. What do I need to do to select a color other than that select few?

Thanks,

Tom

www.tompotterphotography.com

Take a look at this thread: http://www.dgrin.com/showthread.php?t=240583

Luc

Tom Potter · September 21, 2013

Luc De Jaeger wrote: »

Take a look at this thread: http://www.dgrin.com/showthread.php?t=240583

Luc

Hi Luc,

Appreciate your help....I added the code as suggested, in both places, tried two different color codes. The color was unchanged

Luc De Jaeger · September 22, 2013

Tom Potter wrote: »

Hi Luc,

Appreciate your help....I added the code as suggested, in both places, tried two different color codes. The color was unchanged

Hmmm... did you try the .sm-page-widget-nav as well as the .sm-page-widget-nav-toplink version?

Is the navbar on your homepage in the footer?

There is another thread here: http://www.dgrin.com/showthread.php?t=237856&highlight=navbar

In the first line of post #1 (.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-default a,) you can add a color code too {color: #xxxxxx;}

If you don't want the color to change when hovering, visited etc. the other lines may be disregarded.

Does this work?

Luc

Tom Potter · September 22, 2013

Luc De Jaeger wrote: »

Hmmm... did you try the .sm-page-widget-nav as well as the .sm-page-widget-nav-toplink version?

Is the navbar on your homepage in the footer?

There is another thread here: http://www.dgrin.com/showthread.php?t=237856&highlight=navbar

In the first line of post #1 (.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-default a,) you can add a color code too {color: #xxxxxx;}

If you don't want the color to change when hovering, visited etc. the other lines may be disregarded.

Does this work?

Luc

I entered what you first suggested:
.sm-page-widget-nav-toplink {
color: #XXXXXX;
}

I replaced the XXXXXX with color codes

Are you suggesting the nav bar NEEDS to be in the footer/

Luc De Jaeger · September 22, 2013

Tom Potter wrote: »

I entered what you first suggested:
.sm-page-widget-nav-toplink {
color: #XXXXXX;
}

I replaced the XXXXXX with color codes

Are you suggesting the nav bar NEEDS to be in the footer/

No, not at all, but because the navigation was below your main image, I thought so.

Perhaps replace .sm-page-widget-nav-toplink with .sm-page-widget-nav and try again.

Luc

basflt · September 22, 2013

.sm-page-widget-nav-toplink.yui3-u{
background-color:green;
}

replace green with whatever

or perhaps ;

.sm-page-widget-nav-toplink.yui3-u{
background:-moz-linear-gradient(top,  #1e5799 0%, #1e5799 28%, #2989d8 50%, #207cca 94%, #7db9e8 100%);;
}

Tom Potter · September 22, 2013

Luc De Jaeger wrote: »

No, not at all, but because the navigation was below your main image, I thought so.

Perhaps replace .sm-page-widget-nav-toplink with .sm-page-widget-nav and try again.

Luc

The following is what I put in both places:

.sm-page-widget-nav {
color: #640000;
}

That code is a deep red color. This did not change the color of my Nav Buttons.

Tom Potter · September 22, 2013

basflt wrote: »

.sm-page-widget-nav-toplink.yui3-u{
background-color:green;
}

replace green with whatever

or perhaps ;

.sm-page-widget-nav-toplink.yui3-u{
background:-moz-linear-gradient(top,  #1e5799 0%, #1e5799 28%, #2989d8 50%, #207cca 94%, #7db9e8 100%);;
}

When I entered the code in your first box, it kept the blue color of the text. However, It covered it in green. How do I just change the color of the text? I will now try toe code in the 2nd box

Tom Potter · September 22, 2013

basflt wrote: »

.sm-page-widget-nav-toplink.yui3-u{
background-color:green;
}

replace green with whatever

or perhaps ;

.sm-page-widget-nav-toplink.yui3-u{
background:-moz-linear-gradient(top,  #1e5799 0%, #1e5799 28%, #2989d8 50%, #207cca 94%, #7db9e8 100%);;
}

The code in the 2nd box did not work either? Might I need to wipe out something in the original set up of my Nav Buttons??

basflt · September 22, 2013

Tom Potter wrote: »

The code in the 2nd box did not work either? Might I need to wipe out something in the original set up of my Nav Buttons??

you removed the first prior to enter the second ?

BTW
you enter your codes in Home section ?
you should do it in site wide section

and , 2th code worked , i just saw it on your home page

Tom Potter · September 22, 2013

basflt wrote: »

you removed the first prior to enter the second ?

BTW
you enter your codes in Home section ?
you should do it in site wide section

and , 2th code worked , i just saw it on your home page

I entered it in both the entire site and home page. I just want the text color changes, not a rectangular block of a given color covering the text

Luc De Jaeger · September 22, 2013

Tom Potter wrote: »

The following is what I put in both places:

.sm-page-widget-nav {
color: #640000;
}

That code is a deep red color. This did not change the color of my Nav Buttons.

And if you try one of the following:

.sm-page-widget-nav {
color: #640000!important;
}

OR

.sm-page-widget-nav-toplink {
color: #640000!important;
}

OR

.sm-page-widget-nav-toplink.yui3-u{
color:#640000;
}

I'm just puzzled...
Luc

Tom Potter · September 22, 2013

Luc De Jaeger wrote: »

And if you try one of the following:

.sm-page-widget-nav {
color: #640000!important;
}

OR

.sm-page-widget-nav-toplink {
color: #640000!important;
}

OR

.sm-page-widget-nav-toplink.yui3-u{
color:#640000;
}

I'm just puzzled...
Luc

Tried each one of those, put each one in both spots. What is actually occurring is that the Home Page shows the text in Blue, the About shows it in Green and the Galleries shows it in White.

Luc De Jaeger · September 23, 2013

Tom Potter wrote: »

Tried each one of those, put each one in both spots. What is actually occurring is that the Home Page shows the text in Blue, the About shows it in Green and the Galleries shows it in White.

It looks like something overrides the code

. Have you entered any CSS code before, either site-wide and/or on the homepage?

I hope someone who is more knowledgeable than me will be able to help you out.

Luc

snakeey11 · September 23, 2013

Hi Tom,

You'll need to target the links themselves in your CSS, so something these lines should work for you:

.sm-page-widget-nav-toplink > a {
  color: #640000 !important;
}

Hope that helps!
-Mike

Tom Potter · September 23, 2013

snakeey11 wrote: »
Hi Tom,

You'll need to target the links themselves in your CSS, so something these lines should work for you:
.sm-page-widget-nav-toplink > a {
  color: #640000 !important;
}
Hope that helps!
-Mike

OK, Mike - that got the Home Page text right. I applied your code the the Entire Site, as well. However, the text color elsewhere remains unaffected.

snakeey11 · September 24, 2013

Tom Potter wrote: »

OK, Mike - that got the Home Page text right. I applied your code the the Entire Site, as well. However, the text color elsewhere remains unaffected.

Hi Tom,

You have the "independent homepage" option turned on, and your homepage is using a separate theme from the rest of your site. If you add that CSS to the theme on one of the other pages, it should then apply to the other pages.

-Mike

Tom Potter · September 24, 2013

snakeey11 wrote: »

Hi Tom,

You have the "independent homepage" option turned on, and your homepage is using a separate theme from the rest of your site. If you add that CSS to the theme on one of the other pages, it should then apply to the other pages.

-Mike

That worked!! Thanks, and a BIG thanks to Luc for sticking with me and trying so hard!! Another question, if I may. When you first go to my Galleries Page, the representative gallery pics seem to have a film over them, sort of like a thin tissue. How do I make those pics totally clear, and how do I adjust the gallery text labels?

Thanks

Tom

www.tompotterphotography.com

Smug Eric · September 24, 2013

What you can do is you can edit the folders box to instead of cover the image under the Display portion change the Info Style.

Tom Potter · September 24, 2013

Smug Eric wrote: »

What you can do is you can edit the folders box to instead of cover the image under the Display portion change the Info Style.

Thanks Eric - That worked - Is there also a way to adjust the Font and size of the gallery labels?

Luc De Jaeger · September 25, 2013

Tom Potter wrote: »

That worked!! Thanks, and a BIG thanks to Luc for sticking with me and trying so hard!! Another question, if I may. When you first go to my Galleries Page, the representative gallery pics seem to have a film over them, sort of like a thin tissue. How do I make those pics totally clear, and how do I adjust the gallery text labels?

Thanks

Tom

www.tompotterphotography.com

OK Tom, I'm absolutely grateful that Mike from SmugMug jumped in and resolved the issue instantly and that Eric from SmugMug also could help.

Just awesome!

lust

We can learn tons of them. SmugMug rocks!

Luc

Tom Potter · September 25, 2013

Luc De Jaeger wrote: »

OK Tom, I'm absolutely grateful that Mike from SmugMug jumped in and resolved the issue instantly and that Eric from SmugMug also could help.

Just awesome!lust

We can learn tons of them. SmugMug rocks!

Luc

Yeah, by the time I figured it out I'd be 97, weaving baskets in some home hehehe
Thanks again Luc!

Nav Buttons Colors

Comments