SportsEngine Community Forum
Register Latest Topics
 
 
 


Reply
  Author   Comment  
rastorga

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

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

Moderator
Registered:
Posts: 47
Reply with quote  #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
Reply with quote  #4 
The text in Menu tab at the top of the site, for example, 'Home', 'Calendar', etc.

MenuText.PNG 



0
docnzok

Moderator
Registered:
Posts: 47
Reply with quote  #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
Reply with quote  #6 
I was hoping to change the color to just one of the menu items text.
0
docnzok

Moderator
Registered:
Posts: 47
Reply with quote  #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: 5
Reply with quote  #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.