select color

[mohamedhassan]

How can I change the select color from below to other color?

GP Premium 1.3.1

[Tom]

Hi there,

I’m not too sure what you mean – can you explain a bit more?

Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[mohamedhassan]

When I Select any word or phrase to copy or for any other purpose, the default of the selected is blue. How can I change this color to whatever color I want?
Also I’d like to see the height of the color the same as that of the letters as I see it needs to be smaller!

Thanks!

[Leo]

Sorry still a little confused.

Are you able to provide a link to the page in question and let us know what you are trying to change?

Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[mohamedhassan]

I’ve taken a screen shot that illustrate what I mean however I don’t know how I attache it here.
let me know how can I send it to you?

Thanks!

[Leo]

Upload it to a site like this: https://postimages.org/

Then provide the direct link 🙂

Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[mohamedhassan]

Thanks for the info.
the link below!
https://s17.postimg.org/vnzpbia3j/2017-07-23_21_22_10-_Gloobally_-_Worldwide_Busine.png

Regards

[Tom]

Ah yes, try this:

::selection {
  background: #ffb7b7; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ffb7b7; /* Gecko Browsers */
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[mohamedhassan]

Thanks for the information,
However let me know where I’ll enter the code and whether I need to remove an old one!

[Leo]

Try this method: https://docs.generatepress.com/article/adding-css/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[mohamedhassan]

Alright, now I see the height of the selection is bigger than I want!
How can I reduce it to be almost as the height of the letters?

Regards

[Tom]

Any chance you can link me to the site? Hard to tell without seeing it.

You could try adding a height to the CSS – it accepts all CSS parameters like anything else: https://www.w3schools.com/cssref/sel_selection.asp

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[mohamedhassan]

the site http://www.gloobally.com/

Really I’v tried to change the height of selection using w3school.com .However I was not able to know the required expressions to write and the right place to write in.
Below there’re 2 links of 2
images more illustrations.

https://s2.postimg.org/apdc8gjex/2017-07-25_11_17_49-select_color_-_Generate_Press.png

https://s18.postimg.org/eh6k75dx5/2017-07-25_11_41_50-_Gloobally_-_Worldwide_Busine.png

Regards

[mohamedhassan]

Waiting your reply!

[Tom]

Just looked into this, and you can’t change the height of the selection.

If you remove the custom color we added, does the same issue occur?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts