Change Element Text

Hojou

Another question about something I can't seem to figure out.

I'm trying to figure out how to change the text field at the top of the Forum page, so it says something other than "Forum."  Is this even possible?  I found the element for the icon, but the text "Forum" is just part of the html, and not defined by the CSS.

Any suggestions?

vadercomplex

Hi friend! We'll get back to you on this one as soon as we can. :~) 

thaen

@Hojou

I think you can get close with this ...

.forum-page-header h2 {
  display: none;
}

.forum-page-header .small-11::before {
  content: "TEST";
  display: inline-block;
  margin-top: 30px;
}

 

But, since that's referencing ".small-11", that's kind of brittle.

I can add a span around the "Forum" text to make it easier to hide that word, and then use an ::after on the op-icon-forum span with the "content" that you want instead. But I won't be able to make that change until Monday.

(Unless it's an emergency, we try not to deploy changes over the weekend so if something unexpected happens, we're not interrupting anyone's game.)

I'll post back here when I've made that change on Monday.

Abersade

Well, no wonder I couldn't get it to work. I could get the new text to show up no problem but everything I tried to hide the word Forum was hiding everything or having no effect at all.

thaen

@Hojou

I added the span with a class of "text", so this should now get you what you want. (Note the "space" before "TEST" ... otherwise there will be no space between "TEST" and the icon.)

.forum-page-header h2 .text {
  display: none;
}

.forum-page-header .op-icon-forum::after {
  content: " TEST";
}

 

Let us know if you run into any other issues!

Hojou

Awesome!  I wasn't actually expecting a change to the websites code.  Thanks!