Is it possible to change text highlight position or size

I'm using a custom font on my site and when I use the highlight feature, the highlight appears dropped a few pixels. Is there a way to align it with the text so they are centered vertically? Move the text up/down or move the highlight up/down? I tried a position shift on the h tag but the highlight moves with it.

I'm not sure if it's because of the custom font or not but maybe there's a work around to get it to line up again?

thanks for any suggestions.

https://www.jaguarbolera.com

https://www.jaguarbolera.com/about

You can use this CSS code

div#block-479cce6a9f5be11d7c6b .TextShape-node {
    top: 7px !important;
}

I think we can use CSS code to set background color behind text, it would be easier

On 1/28/2024 at 3:32 AM, tuanphan said:

You can use this CSS code

div#block-479cce6a9f5be11d7c6b .TextShape-node {
    top: 7px !important;
}

I think we can use CSS code to set background color behind text, it would be easier

 

following up on this. What would be the CSS to do this. On all h2 tags? I don't want to go through every block and use the .textshape code if I don't have to. What do you think?