setting the text colors on one page after theme change

[gregelrod]

I have been running the scoreboard successfully for several years, its great for my needs. Recently I changed themes, I like the font that came along with the new theme and everything is good on my scoreboard page with the exception of the time remaining/start time display. The headers are black and the text is black, I would like to change the text to white for this page without affecting my other fonts on the the theme.

Dozier Law Firm Scoreboard

Above is the location of the scoreboard, any help would be appreciated

Thanks,

Greg

[Mark]

Hi Greg,
Thanks very much for posting here, and for the link. Your new theme’s styles are interfering with some of the plugin’s styles … not uncommon. For the time field, the culprit is this theme CSS rule:

#mvp-content-main p { ... }

which is blocking the plugin’s rule that looks like:

p.sbg-header-status, p.sbg-header-score { ... }

So just find that rule in the plugin’s stylesheet, and change it to:

#mvp-content-main p.sbg-header-status, #mvp-content-main p.sbg-header-score { ... }

and you should be good to go.

Regards,
-Mark

[gregelrod]

Mark,

Thanks for your help. I am unable to find the above referenced lines. Is there something I am missing. If possible, I am willing to pay you to help me get this fixed.

Thanks

Greg

[Mark]

Greg,
The file is here:

https://sportsmic.com/wp-content/themes/the-league/style.css

Line 3307:

#mvp-content-main p {
	color: #444;
	display: block;
	font-size: 1.15rem;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 15px;
	}

-Mark

[gregelrod]

Mark,

Does this also need to be changed in the child theme? I changed it but it seems to still be blocked.

Thanks,

Greg

[gregelrod]

Mark,
I did get the color to change where I could see it on the scoreboard, but when I did it over road the font and color of my post, which was not going to work.

Is there a way to change the background of the game headers instead of the text?

Thanks,

Greg

[Mark]

First, you should always make changes in a child theme, so they don’t get over written when the theme is updated.

Second, of course. CSS rules can be *very* tricky (because they provide so much flexibility and control). Try a rule like this:

#mvp-content-main p.sbg-header-status {
color : green;
}

It will probably take a bit more work, but this should get you started down the right path.

-Mark

[Mark]

Good idea. Actually changing the background might be easier than changing the text color in this case. But looking at it a bit more, the theme is messing it up more than just the color. (I’m not blaming the theme, this is just something that happens.) take a look at the scoreboards on the MSTW dev site:

http://dev.shoalsummitsolutions.com/scoreboards/

For my money it is much cleaner (height of header, colors, etc) than your scoreboard.

If you are still having trouble, let me know and I will find some time to sort through things in more depth.

[Mark]

Actually, in the link I sent you, you will notice that the ticker has a green background. I believe this is the applicable rule for the scoreboards.

.sbg-schedule-container div.sbg-game-header {
    background: #3F3F3F url(../images/sbg-header-bkgd.png) top left no-repeat;
    padding: 2px 6px;
    border-bottom: 1px solid #DFDFDF;
    height: 1%;
    overflow-x: hidden;
}

[Author]

Posts