Sport Ngin User Group Forum
SportsEngine Community Forum
Sign up Latest Topics
 
 
 


Reply
  Author   Comment  
rastorga

Junior Member
Registered:
Posts: 3
 #1 
Is there CSS code to change the color of the Page Button Text?
0
nickburggraf

Moderator
Registered:
Posts: 27
 #2 
I'm sure there is.  But want to make sure what you mean by 'Page Button' text.  
__________________
Burggie
0
docnzok

Registered:
Posts: 52
 #3 
Nickburggraf,

We can CSS and make almost anything act and view like you want it, but you have to let us know what you want done. (What is the Page Button that you are asking about)

WE LOVE CHALLENGES HERE IN THE FORUMS!!!

Let us know with a screen shot or something and we will tackle it!!

Mark
0
rastorga

Junior Member
Registered:
Posts: 3
 #4 
The text in Menu tab at the top of the site, for example, 'Home', 'Calendar', etc.

MenuText.PNG 



0
docnzok

Registered:
Posts: 52
 #5 
rastorga

Great reply picture.

You have to be careful within the menu and top sections that you want to modify. There are a lot of places that you can forget a div closer or a style bracket and then your off to the restore pages support ticket. 

There is a LOT going on in that nav menu.  Almost 8 classes and IDs are set for it. This includes the main <li>'s that create the menus.

So there are different options that you can do, but make sure that you understand that there is the main list (Your row of menus that comes up when the page is built) and then there are other classes, ID and list items that define the underlying menu options.

In the code I have below, I only change the main list and not the underlying menu items.  So her is a screen shot of that.

Screen Shot 2017-06-14 at 1.58.05 PM.png 

This style will turn the main list item text to blue, but leave the underlying menu items and text to the default (white) the main code of the page.

Note that I have a specific font for my menus as well. (I can show you that if you want)

#topNav .theme-main-nav .theme-nav > .theme-nav-item > .theme-nav-link {
    color: blue;
}

If you want me to explain what is happening in that selector, just let me know. Otherwise, give it a shot on a page that is disabled or that you dont use so if it kills it, you can just delete the page and start over.

You can use any HTML color (i.e. #xxxxxx) instead of blue.

Let me know how it goes.

Mark


0
rastorga

Junior Member
Registered:
Posts: 3
 #6 
I was hoping to change the color to just one of the menu items text.
0
docnzok

Registered:
Posts: 52
 #7 
Ok, so the two that you were pointing to, you want just those menu items changed?

Let me know and I can work on that.
0
shirch

Junior Member
Registered:
Posts: 7
 #8 
Quote:
Originally Posted by docnzok
Ok, so the two that you were pointing to, you want just those menu items changed?

Let me know and I can work on that.


Did you happen to figure anything out with this? I would also like to be able to utilize this.
0
Previous Topic | Next Topic
Print
Reply

Quick Navigation:

Easily create a Forum Website with Website Toolbox.

Powered by Website Toolbox - Create a Website Forum Hosting, Guestbook Hosting, or Website Chat Room for your website.