Photo Gallery Forums

Posted: **08 Nov 2017, 09:51**

Hi Karl,
Wanted to ask you if there is any setting for the colour of text highlight after selection with mouse? I couldn't find it and now it maybe is the default for the browser.
Is there a way to change the colour with css?
Thank you, George

Posted: **08 Nov 2017, 09:56**

Check this link:
https://css-tricks.com/almanac/selectors/s/selection/

You will have to add custom CSS naturally.

Posted: **10 Nov 2017, 04:25**

Thank you Karl, worked like a charm!
Best, George

Posted: **10 Nov 2017, 10:18**

p.s.
In the text body it works, but it doesn't in the Title and description. Any idea?

Link
This is the code I put in custom css:

p::selection {
  background-color: #000;
  color: white;
}

Thank you!
G

Posted: **10 Nov 2017, 10:38**

Because the p:: means it will target all <p> paragraph items only, and your "content" is generally made up from paragraphs.

You could add the selection class GLOBALLY like this:

::selection {
  background-color: #000;
  color: white;
}

It might not be a good idea to add the selection style to EVERYTHING though (menu's etc). To also target headers (including title and description), you might want to try this instead:

p::selection, h1::selection, h2::selection {
  background-color: #000;
  color: white;
}

Photo Gallery Forums

Highlight color after selection

Highlight color after selection

Re: Highlight color after selection

Re: Highlight color after selection

Re: Highlight color after selection

Re: Highlight color after selection