Tip: A workaround for the missing Community page template in the Custom Theme editor for Help Center (Gather)
I created a workaround for the lack of a Community page template in the Custom Theme editor in the Help Center. This isn't a complete workaround, but it does provide the ability to change some components to fit your own theme. This example is just for the header section, but could be applied to make other elements on the page.
To only change textual content and formatting, modify CSS as follows:
.community-heading {
/* Keep other styles as is, but add the following two which hide existing defined text */
text-indent: -9999px;
line-height: 0;
}
.community-heading:after {
display: block;
text-indent: 0;
line-height: initial;
content: "What you want it to say instead of Community";
}
To change more, such as replacing textual content with entirely new HTML objects, add the following to the $(document).ready function in JavaScript:
$(".community-heading").html('zzz');
Obviously both methods can be used to some extent on other items on the Community page, to varying degrees, but I was focused on the Community Heading for my own purposes.
-
And, since I'm new to posting here, I'm going to try out a little formatting change to see if I can minimize the vertical margin around my JavaScript example...
```$(".community-heading").html('zzz');
``` -
Again!
$(".community-heading").html('zzz'); -
$(".community-heading").html('zzz'); -
Thanks for the great tip! I know a lot of people will find this really useful!
-
OK, trying with added spaces (so delete the spaces if you use this!) to attempt to preserve the code properly.
$(".community-heading").html(' < a href= " http://myhomepage.com " > zzz < /a > ' );
Post ist für Kommentare geschlossen.
5 Kommentare