Changing color on certain words in Topic title

Go down

Solved Changing color on certain words in Topic title

Post by Dyane on June 16th 2018, 4:04 am

Technical Details


Forum version : #phpBB3
Position : Administrator
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : Yourself
Forum link : http://pspplaygroundpals.forumotion.com/

Description of problem

Not sure if I'm in the right place and I couldn't find it been looking and looking.
In the topic title I know you can change the text color but what I want to do is only change one word a different color. Can you plz help me.

Thank you so much
Dyane


Last edited by Dyane on June 16th 2018, 8:58 pm; edited 1 time in total
avatar
Dyane
Forumember

Female Posts : 109
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by SLGray on June 16th 2018, 4:07 am

Are you wanting to add what we have on the support forum: solved, in progress, complete, etc.?



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
avatar
SLGray
Administrator
Administrator

Male Posts : 44345
Reputation : 3144
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by skouliki on June 16th 2018, 8:11 am

have you seen this feature on an FM forum ?  
you want to colored random words or same each time ?
avatar
skouliki
Manager
Manager

Female Posts : 4652
Reputation : 770
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by Dyane on June 16th 2018, 11:52 am

@SLGray yes, that was one I was looking for as well.

@skouliki yes I see it in here, The Topic titles the words are blue except the word post it's in red. I'd like
to be able to change any word in the topic title a different color if that's possible
avatar
Dyane
Forumember

Female Posts : 109
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by skouliki on June 16th 2018, 2:48 pm

for topic icons like solved icon see this tutorial https://help.forumotion.com/t86303-topic-icons-how-to-add-a-solved-icon?highlight=topic+icons

for changing the topic color use this code to your css / change the color code to your likeness
Code:

a.topictitle {
    color: #5dda12;
}

by saying word post you mean SLGray's name? if yes it is red due to group color


to be able to change any word in the topic title a different color i dont know if that is possible ..sorry

edit :maybe this will help you https://help.forumotion.com/t133869-style-topic-title-keywords?highlight=title+color
avatar
skouliki
Manager
Manager

Female Posts : 4652
Reputation : 770
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by Dyane on June 16th 2018, 3:04 pm

I'm sorry I should of posted a pic of what I was talking about.
In this pic were I circled the word game. I would like to just change that to a different color
[img][/img]
avatar
Dyane
Forumember

Female Posts : 109
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by skouliki on June 16th 2018, 3:22 pm

try this java code / placement on all pages

Code:

$(document).ready(function(){
    $("a:contains(GAME)").css("color", "#CF000F");
});


maybe this will also help you https://help.forumotion.com/t133869-style-topic-title-keywords?highlight=title+color
avatar
skouliki
Manager
Manager

Female Posts : 4652
Reputation : 770
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by Dyane on June 16th 2018, 5:37 pm

The code you had me try that you did all the words turned red not just Game.

and the link you gave me I tried that to see how it would look and I don't know why it's not working for me.
avatar
Dyane
Forumember

Female Posts : 109
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by skouliki on June 16th 2018, 5:51 pm

did you follow the instructions, replacing the word text with the word GAME (capitals)




#TEXT: this is the first TEXT you find. You have to replace it with the word you want to change
Note: It is important that the word you replace here is the SAME written in the title;
this part is CASE sensitive, so if you have Hello in the title and you write hello the code won't work


yes the code finds the word key GAME and turns red the title ...maybe someone with code skills can help you better


avatar
skouliki
Manager
Manager

Female Posts : 4652
Reputation : 770
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by Dyane on June 16th 2018, 6:11 pm

Yup I changed the text word to game and in all caps
avatar
Dyane
Forumember

Female Posts : 109
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by skouliki on June 16th 2018, 6:39 pm

and you change the word text with the word GAME in css style also?

another solution is to use topic icons, you can create just text images in different colors

admin panel..display..pictures and management..topic icons..create





avatar
skouliki
Manager
Manager

Female Posts : 4652
Reputation : 770
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by Dyane on June 16th 2018, 7:10 pm

Now that would be perfect. So I did the topic icon I see in your image the icon is before the text in the topic title. Look at mine image and it's covering over the other icon that's for the forum. What am I doing wrong that my icon won't go before the text

avatar
Dyane
Forumember

Female Posts : 109
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by skouliki on June 16th 2018, 7:34 pm

Code:
a.topictitle {
        margin-left: 60px;
}
.span-tab {
    line-height: 4;
}
dl.icon dd.dterm, dl.icon dt {
background-position: unset;
}


Last edited by skouliki on June 16th 2018, 8:25 pm; edited 3 times in total
avatar
skouliki
Manager
Manager

Female Posts : 4652
Reputation : 770
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by Dyane on June 16th 2018, 7:58 pm

I did that and all it did was moved it up but still the same. I'm so sorry if I'm being a pain.
Is there maybe something with the width of how much text should be in the topic title? Seems like something is holding in that spot and not allowing it to be the Topic title.
avatar
Dyane
Forumember

Female Posts : 109
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by skouliki on June 16th 2018, 8:02 pm

the image topic icon.. is before the topic title as i see like mine
isn't that what you want?

avatar
skouliki
Manager
Manager

Female Posts : 4652
Reputation : 770
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by Dyane on June 16th 2018, 8:04 pm

Not above the flower icon. See how the image you posted. with the win icon? see how you have the icon that looks like paper and next to it is your win icon. That's what I'm trying to get it to do
avatar
Dyane
Forumember

Female Posts : 109
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by skouliki on June 16th 2018, 8:17 pm

is that result better? ..you have bigger icons

avatar
skouliki
Manager
Manager

Female Posts : 4652
Reputation : 770
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by Dyane on June 16th 2018, 8:18 pm

Perfect!!!! Yes I'll have to make them smaller. How did you do that because it looks the same for me


Last edited by Dyane on June 16th 2018, 8:25 pm; edited 1 time in total
avatar
Dyane
Forumember

Female Posts : 109
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by skouliki on June 16th 2018, 8:23 pm

@Dyane replace the code i gave you with this one

Code:
a.topictitle {
        margin-left: 30px;
}
.span-tab {
    line-height: 1;
}
dl.icon dd.dterm, dl.icon dt {
background-position: unset;
margin-left: 64px;
}


by changing the image to smaller doesnt mean that you will fix it , you need to css style the topic titles
put back the previous image to get the same result
avatar
skouliki
Manager
Manager

Female Posts : 4652
Reputation : 770
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by Dyane on June 16th 2018, 8:34 pm

Question, how come I have this blue little circle that you see in my images but I don't see it in yours? Is there a way I can remove that?
avatar
Dyane
Forumember

Female Posts : 109
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by Dyane on June 16th 2018, 8:37 pm

If I may ask for one more thing? If I have to I'll post a new post lol
but I see on our profile above the avatar you have the online/offline. I was trying to see if there
was a way to do that. I like that style
avatar
Dyane
Forumember

Female Posts : 109
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by skouliki on June 16th 2018, 8:39 pm

@Dyane wrote:
Question, how come I have this blue little circle that you see in my images but I don't see it in yours? Is there a way I can remove that?
can you screenshot what you mean please , i dont see it as a guest but i assume you mean the mini icons so find it here




@Dyane wrote:
If I may ask for one more thing? If I have to I'll post a new post lol
but I see on our profile above the avatar you have the online/offline. I was trying to see if there
was a way to do that. I like that style
yes you have to open a new thread ->rules
avatar
skouliki
Manager
Manager

Female Posts : 4652
Reputation : 770
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by Dyane on June 16th 2018, 8:52 pm

This online

avatar
Dyane
Forumember

Female Posts : 109
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by skouliki on June 16th 2018, 8:56 pm

as i said before for the online status you need to open a new thread

is there anything else we need to solve concerning this thread ?
avatar
skouliki
Manager
Manager

Female Posts : 4652
Reputation : 770
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by Dyane on June 16th 2018, 8:58 pm

I'm sorry totally didn't see that. Thank you for all your help greatly appreciated
avatar
Dyane
Forumember

Female Posts : 109
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by skouliki on June 16th 2018, 8:59 pm

you are very welcome !
avatar
skouliki
Manager
Manager

Female Posts : 4652
Reputation : 770
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Changing color on certain words in Topic title

Post by SLGray on June 16th 2018, 9:42 pm

Problem solved & topic archived.
Please read our forum rules:  ESF General Rules



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
avatar
SLGray
Administrator
Administrator

Male Posts : 44345
Reputation : 3144
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum