Global CSS

MattUlvila · June 28, 2018

Is there a way to load my own custom css that will affect the site globally?

I've tried using the single page head code and cascading head code, but those both insert the styling inline when the page loads. I'd prefer to load once and affect all pages if possible. Thanks

-matt

SportsEngine Staffer · June 28, 2018

You can use the @import css function to upload external stylesheets that will process pages globally, on load.

You can do this through the head code - or inject your CSS for the external style sheet call within your Admin Control Panel > Website Setting > Theme Settings > Logo > Title

That title has a limit to the number of characters (255 maybe?) so it should be used in a restricted manner for an import like this.

DISCLAIMER: the sportsengine support team doesn't support css issues/troubleshooting. So, be careful and test on a sample page before you apply your import 'globally'.

MattUlvila · July 2, 2018

Yikes Burggie, injecting it through the site's title worked. I'm not sure if that's clever or hacky. I'm going to look the other way and keep moving. Thank you. -matt

docnzok · August 31, 2018

Just a clarification here.

In page options:

Single Page <HEAD> Code:

This modifies the CSS and style ONLY ON THE SINGLE PAGE YOU SET IT

Cascading <HEAD> Code:

This modifies the CSS and style on THIS PAGE AND ALL PAGES THAT FALL BELOW IT.

You have to set the Cascading <HEAD> Code on ALL THE TOP LEVEL PAGES (by copying your style from a page that is styled the way you want) to the other TOP LEVEL pages and then all pages on the site will be styled the same.

McMahon · August 31, 2018

Is there a way to set this CSS across the whole site from one place? Or do you have to do it from each top level page of your nav?

SportsEngine Staffer · August 31, 2018

See the above post. You can put into the Page Title. Disclaimer above.

jfirestone · May 20, 2019

Can anyone give some more guidance on the usage here? I want to widen my site, there's so little room width wise that it all looks cramped.

I get what you're saying, but since the site is hosted on sportsengines servers, where am I supposed to put the css file I want to use? Then do I simply call it like I would on a normal website?

<head><link href="//cdn.websitetoolbox.com/css/forum_global.css" rel="stylesheet" type="text/css"></head> ?

Thanks!

docnzok · May 23, 2019

There are basically 3 ways to include css in SportsEngine

1. Add the CSS to the single page head code

2. Add the CSS to the cascading page head code

3. Add a link to your external css file to the head code.

The first two are found in the page options when you go to edit mode.

The difference between the 2 section is

-The single page head code will only apply to that page.

-The cascading page head code will apply to that page and all pages that are under it in the menu

So if you have several top level pages (i.e. about us, schedule, games, rosters) you have to put your head code on each of the top pages in the cascading head code section.

Finally - if you want to use an external css file, I have had luck with uploading the css file to an admin page so the SE creates a link. Then you can add the link to the head code (using the above instructions) using the link to the css file on the admin page.

Thats my story and I'm sticking to it.

Mark

Chicago

jfirestone · May 23, 2019

So... If I don't see anything on my Page Options relating to CSS, does this mean I don't have that option?

docnzok · May 23, 2019

Occasionally, the option is not turned on by SE for whatever reason. Just email your sales rep and they can turn it on. Takes a couple of minutes.

So you do not see edit <head> code under page options? If not then just email your rep.

jfirestone · May 23, 2019

Sure don't! Thanks a bunch, I'll email my rep and get that option turned on.

SportsEngine Staffer · May 23, 2019

FWIW, not turned on as a standard feature option due to the fact that those who enter code in to it can cause issues with other things.

Those who know what they are doing (do not include me in that category) are comfortable trying things out and fixing on their own what they "break".

neosphorbin · March 15, 2020

Is the ability to edit <head> code no longer available? The support guy I've been working with says he can't find where to enable it for me.

docnzok · March 16, 2020

It is definitely still avail. My whole site would collapse if they took it away.

Screen Shot 2020-03-16 at 3.18.15 PM.png

neosphorbin · March 16, 2020

Thanks. I wonder why I can't get it enabled for my site. I'll keep asking.

BaseballGuy · December 8, 2020

Without getting in to the reasons of "why," which is an off in the weeds discussion, is there any way to apply CSS to anything in HQ (similar to injecting CSS in the site logo title)?

Global CSS

Question

Link to comment

Share on other sites

15 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in