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


Reply
  Author   Comment  
jmarcus

Junior Member
Registered:
Posts: 16
 #1 
Is there a way to add a color background to a text block subtitle?

Picture1.png 

0
docnzok

Member
Registered:
Posts: 65
 #2 
Did you find out how to do this - I found a solution to the problem if you need it.

Mark
0
jmarcus

Junior Member
Registered:
Posts: 16
 #3 
I am still unable to add a color background behind a text block subtitle. I will appreciate any help you can provide.

Thanks
0
docnzok

Member
Registered:
Posts: 65
 #4 
Good Morning from YETI Lacrosse in Chicago

So you can change the background color and the text color of the Text Block Text Color.  I made the example look like this:

Screen Shot 2019-10-03 at 10.57.15 AM.png  It's really pretty simple.

First - obviously add your text box. While you are doing that - add the classname - subtext. It is located on the same screen where you enter the text.

Screen Shot 2019-10-03 at 11.00.14 AM.png 
Next - a little about SportsEngine css if you are not aware of it.  

On each page of a SE website you have the ability to enter custom CSS to change page elements.  (Sometimes you may not be able to see Edit <HEAD> Code - just contact your rep and they can turn it on for you) 
Screen Shot 2019-10-03 at 11.02.12 AM.png
When you enter the head code area there are 2 boxes.

Screen Shot 2019-10-03 at 11.02.22 AM.png 

The first is single page. Anything entered in this box will effect ONLY THE PAGE YOU ARE ON.

The second box is Cascading. Anything entered in this box effect this page AND ALL PAGES BELOW IT.

Cascading is the most popular because of the ability to migrate the code down to all the pages. THERE IS A CATCH HOWEVER.
You must enter the Cascading code on EACH PAGE THAT RESIDES IN THE MAIN MENU. If you enter the Cascading Code on any of those pages, the code will 'trickle' down.

So
if you want this effect on one page - use the single page entry.
If you want this effect on all the pages - use the cascading entry and ensure it is placed on the highest level page on your site. (go to home - select pages - then select main menu - all those pages are top level)

FINALLY
This CSS Code will change the subtitles as long as you enter the class name where I indicated on the add text box element.

<style>

.pageEl.subtext H3 {
            background-color: red;
            color: white;
}

</style>

Close up the HEAD CODE dialog box and let the page refresh and that should take care of you.

[Just as a note - you can also use the # html colors for the Background-color and color - i.e. background-color: #339966 (green) ]
You can find those colors all over the internet but here is a good resource.

That should take care of what you need to do...

Mark
YETI Lacrosse
(SportsEngine)

0
jmarcus

Junior Member
Registered:
Posts: 16
 #5 
Thank you, exactly what I needed. 
0
jim

Avatar / Picture

Moderator
Registered:
Posts: 257
 #6 
Mark is the GOAT
__________________
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.