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


Reply
  Author   Comment  
MattUlvila

Junior Member
Registered:
Posts: 2
 #1 
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
0
nickburggraf

Moderator
Registered:
Posts: 27
 #2 
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'.  

__________________
Burggie
0
MattUlvila

Junior Member
Registered:
Posts: 2
 #3 
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
0
docnzok

Member
Registered:
Posts: 57
 #4 
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.
0
McMahon

Avatar / Picture

Junior Member
Registered:
Posts: 8
 #5 
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?
0
nickburggraf

Moderator
Registered:
Posts: 27
 #6 
See the above post.  You can put into the Page Title.  Disclaimer above.


__________________
Burggie
0
jfirestone

Junior Member
Registered:
Posts: 5
 #7 
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!
0
docnzok

Member
Registered:
Posts: 57
 #8 
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


0
jfirestone

Junior Member
Registered:
Posts: 5
 #9 
So... If I don't see anything on my Page Options relating to CSS, does this mean I don't have that option?
0
docnzok

Member
Registered:
Posts: 57
 #10 
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.

Screen Shot 2019-05-23 at 10.49.39 AM.png 

0
jfirestone

Junior Member
Registered:
Posts: 5
 #11 
Sure don't!   Thanks a bunch, I'll email my rep and get that option turned on.


0
jim

Avatar / Picture

Moderator
Registered:
Posts: 239
 #12 
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".

__________________
Jim Dahline
@jdahline
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.