SportsEngine Community Forum
Register Latest Topics
 
 
 


Reply
  Author   Comment   Page 1 of 2      1   2   Next
gwipper

Junior Member
Registered:
Posts: 10
Reply with quote  #1 
I understand you can change a page or the site to a transparent background.  What if I want to change the color or make a container transparent?   Is there code to achieve that?   I am trying to develop a cleaner division on my pages to separate content and I think this will definitely help.
0
robbedeaux

Avatar / Picture

SportsEngine Moderator
Registered:
Posts: 206
Reply with quote  #2 
You can certainly do that. Now you would also have to have the page background transparent if you want to see the background image of the site. For the container though, first give the container a css class name. In my example, I used test. Once you do that in the head code, you can add in code something like this

Code:
<style> .test {
background-color: blue;}
</style>


Screen Shot 2016-05-20 at 11.17.02 AM.png  Screen Shot 2016-05-20 at 11.16.46 AM.png  Screen Shot 2016-05-20 at 11.16.55 AM.png 



__________________
Rob Bedeaux
SENIOR MANAGER, PRODUCT MARKETING
Main Office | 612.379.1030

SportsEngine | 807 Broadway St NE, Ste 300, Minneapolis MN 55413
Play Smarter. Live More.
0
Czar

Junior Member
Registered:
Posts: 1
Reply with quote  #3 
Can you do this for only one container in a multi-container layout?
ie. Only the smaller one on the right in your 2 pane example? 
0
robbedeaux

Avatar / Picture

SportsEngine Moderator
Registered:
Posts: 206
Reply with quote  #4 
You certainly could. However, you would need to target the column and not the container since the container is the entire horizontal piece called the layout container. Where this gets harder, is that depending on the width of the column (based on the selection in the edit container window) the CSS you would need to enter would vary.
__________________
Rob Bedeaux
SENIOR MANAGER, PRODUCT MARKETING
Main Office | 612.379.1030

SportsEngine | 807 Broadway St NE, Ste 300, Minneapolis MN 55413
Play Smarter. Live More.
0
spammiehagar

Junior Member
Registered:
Posts: 2
Reply with quote  #5 
Rob,

I wanted to do this for something like Breast Cancer Awareness Month, and change a container (or a few) to pink.  But I didn't follow how you were able to access the head code?

0
robbedeaux

Avatar / Picture

SportsEngine Moderator
Registered:
Posts: 206
Reply with quote  #6 
You may not have access turned on on your organization's website. Private message me and I can get it turned on.
__________________
Rob Bedeaux
SENIOR MANAGER, PRODUCT MARKETING
Main Office | 612.379.1030

SportsEngine | 807 Broadway St NE, Ste 300, Minneapolis MN 55413
Play Smarter. Live More.
0
scochran1

Junior Member
Registered:
Posts: 4
Reply with quote  #7 
I would be interested in being able to do this, but I cannot access the CSS for my site.
0
robbedeaux

Avatar / Picture

SportsEngine Moderator
Registered:
Posts: 206
Reply with quote  #8 
Send me a PM with your site's URL and I will get your site's CSS access turned on.
__________________
Rob Bedeaux
SENIOR MANAGER, PRODUCT MARKETING
Main Office | 612.379.1030

SportsEngine | 807 Broadway St NE, Ste 300, Minneapolis MN 55413
Play Smarter. Live More.
0
shirch

Junior Member
Registered:
Posts: 5
Reply with quote  #9 
Quote:
Originally Posted by robbedeaux
You certainly could. However, you would need to target the column and not the container since the container is the entire horizontal piece called the layout container. Where this gets harder, is that depending on the width of the column (based on the selection in the edit container window) the CSS you would need to enter would vary.


What would be the code to do this?
0
robbedeaux

Avatar / Picture

SportsEngine Moderator
Registered:
Posts: 206
Reply with quote  #10 
Unfortunately, the answer it depends. Depending on how your page is configured and and the containers and number of columns it would change. You are getting into pretty complex skills for CSS and I would recommend getting an expert to help do these type of customizations. I'm just a CSS dabbler. 
__________________
Rob Bedeaux
SENIOR MANAGER, PRODUCT MARKETING
Main Office | 612.379.1030

SportsEngine | 807 Broadway St NE, Ste 300, Minneapolis MN 55413
Play Smarter. Live More.
0
oxbow70

Junior Member
Registered:
Posts: 3
Reply with quote  #11 
would also like to make my containers transparent but have no CSS access? How can I become this kind of access.
Not want different colors just all containers transparent
0
loren

Avatar / Picture

Community Manager
Registered:
Posts: 235
Reply with quote  #12 
I just turned that site setting on for you, so you should be all set. Let me know if you have any questions or issues.

- Loren
0
oxbow70

Junior Member
Registered:
Posts: 3
Reply with quote  #13 
thank you very much
and where do I find the page head code?

ok found that no worries
so what in the code now to make it transparent?
or can only make it in a color?
0
loren

Avatar / Picture

Community Manager
Registered:
Posts: 235
Reply with quote  #14 
This article shows how to find and drop code into the Head Code: http://community.sportsengine.com/news_article/show/689702-scrolling-text-making-a-comeback
0
oxbow70

Junior Member
Registered:
Posts: 3
Reply with quote  #15 
yes found that
but how to make it transparent?
0
Previous Topic | Next Topic
Print
Reply

Quick Navigation:

Easily create a Forum Website with Website Toolbox.