MyBB Tutorials

How to change highlighted text color in mybb

Submitted by rahulyhg, 08-06-2016, 08:18 AM, Thread ID: 21635

Thread Closed

08-06-2016, 08:18 AM

This post was last modified: 08-06-2016, 09:04 AM by rahulyhg

How to change highlighted text color in mybb

below is default highlighted text demo snap

[Image: yaxwc6.png]

here is what i edited (2 styles)

1st is background and 2nd is border)

[Image: uiw0ap.png]

to change highlight text go to ACP>Templates & Style>YourTheme>than click on global.css or if no global.css found dont worry its yourtheme.css>in Selector: choose .highlight as i selected check snap.

[Image: vpagl3.png]

check edited demo style 1

to change background color just change #FFFFCC to your theme color or any color you want.

check edited demo style 2

to add border just add this below to Extra CSS Attributes

border:2px solid #yourcolor;

you can also change highlighted text color by adding "color or change font or font size hope this help you.

if you using cloudflare you have to clear you global.css file cache to see the newchanges.

First tutorial, ignore if any mistake.

Enjoy Wink

08-06-2016, 08:23 AM

Aoki learn from the best

Faded

08-06-2016, 08:24 AM

That font is so similar to comic sans, dear god my eyes

08-06-2016, 08:25 AM

This post was last modified: 08-06-2016, 08:27 AM by rahulyhg

this is not for Aoki, it for noob like me
added this tutorial for the people who dont know how to edit.

08-06-2016, 08:54 AM

god please no my eyes

change the font please

08-06-2016, 09:04 AM

This post was last modified: 08-06-2016, 09:05 AM by rahulyhg

font changed to arial, is this ok now?

08-06-2016, 10:13 AM

08-06-2016, 08:23 AM
sword art Wrote: *SNAP* learn from the best

Why mention him? He can teach you what is MyBB...

| A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl |

08-06-2016, 10:17 AM

08-06-2016, 08:23 AM
swordart Wrote: Aoki learn from the best

lol you're gonna get fucked for mentioning he who shall not be named.
and I'm referring to Aoki

fady is a stupid cuck boi - silence

08-06-2016, 12:15 PM

08-06-2016, 08:23 AM
swordart Wrote: Aoki learn from the best

".highlight" is useless, since it's removed from most pages here. And if I'd really use it, I'd rather use something transparent, which fits every color and also supports the selection of your browser.

Code:
::-moz-selection { 
     background: rgba(0,0,0,0.3);
 }
 
 ::selection { 
     background: rgba(0,0,0,0.3);
 }

08-06-2016, 12:46 PM

#10

Code:
.hightlight{text-shadow: #72b3ff 0px 0px 5px;
     color: black;
     background: rgba(255,255,255,.6);
     padding: 2px 3px!important;
     border-radius: 8px;}

looks good i think
[Image: e083956b835049f8aabd7d7d01376b52.jpeg]