Changing Heading Text on Group Page

[Leah]

Hello all!

One of my network's groups wants to change the title of the box where the group's pages are listed from "Pages" to "Things You Should Know". I've been able to do this through the language editor, but that has changed the text on all of the network's groups, not just this one.

I think there must be a simple way to do this with CSS, but unfortunately I don't know it. Any help would be greatly appreciated!

[Bernard Lama]

Hi there,

Can you show me an example what exactly your network's group want to change? What is your network's group preference?

[Leah]

Here's a screenshot of a group on our network. I've circled in red the area we want to change. It's the the header of the default "Pages" box. It's currently been modified by the language editor and this is what we want it to look like, but only on this group.

[Bernard Lama]

Here is the code. Add your specific group url and paste this code into custom Code.

<script type="text/javascript">
var Cur_Loc = window.location.href + '';
// Change You need to be a member of Free
if (Cur_Loc == 'YOUR_GROUP_URL.COM') x$('.module_page .xg_module_head').text('Things You Should Know');
</script>

[Leah]

Hi Bernard! Thanks for the help! Unfortunately, it doesn't seem to be working, no matter which group I try it on.

[Bernard Lama]

Can you show me that  specific group url? I guess you are missing something.

[Eric Suesz]

Hey, Leah. It looks like one of your colleagues has changed this detail in the Language Editor. You can edit it and have it say whatever you prefer in that location. I would search for the phrase "things you should know" and change the string that appears in this location. This language previously read as "Pages". Hope this helps. 

[Leah]

Hi Eric!

Yes, that was me who changed it. It appears in the screenshot the way I want it to for that group. The problem with the language editor is that it has changed it for all the groups on the network, but I only want to change it on one specific group.

[Eric Suesz]

Ohhhh. I get it. Well, shucks. I may not have a good answer for you, then. I don't think you can change it for just one group. 

[SweetPotato]

try this:

<!-- Change Group Page Heading Pointless Copyright SweetPotato-->
<script type="text/javascript">
x$(document).ready(function() {
if (window.location == 'http://www.yourgroupurl.com')
x$("div.module_page .xg_module_head") .replaceWith('<div style="font-size:14px;font-family:arial;font-weight:bold;padding:3px;">Things You Should Know</div>');
});
</script>

put it in your custom code, change the bolded url and style the font using the styling in the div.

SP

[SweetPotato]

did this work Leah?
sp

[Leah]

No, this doesn't seem to have changed anything, either.

[SweetPotato]

strange. worked on my site.

you've put the code in your custom code (not design studio css) and changed the url of the group to yours?