Changing the text selection background color and the selected text color

Hello @st7878,

If you would like to modify the colors of all such Advanced headline widgets, please add the following custom CSS to the global CSS section (Theme Options -> Theme Custom CSS):

.etheme-advanced-headline-mask::selection {  
    color: red;  
    background-color: blue;  
}

or

.etheme-advanced-headline-mask::selection {
    color: #000;
}

Frontend example: https://gyazo.com/9633d78660a33b46ccc39c569bd088d1

If you would like to apply the css locally, only for mentioned widget please, add the custom CSS in Home page Elementor editor -> Advanced heading widget -> Advanced (tab) -> Custom CSS and modify the css with selector prefix, example (https://gyazo.com/d1df49a6894d5f01468dff2ec2b3bda5):

selector .etheme-advanced-headline-mask::selection {
    color: #000;
}

Best regards,
Jack Richardson
The 8Theme’s Team

Hi,

In this case, the next code can be added in Theme Options > Theme Custom CSS > Global:

::selection {
    background: #eb2728;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #eb2728;
    color: #fff;
    text-shadow: none;
}

Warm Regards,
The 8Theme Team