When viewing this site in 1080p/tablet as opposed to 4K resolution, the font formatting gets messed up on every bold, italic and link tag. The font size is wrong.
This is probably a CSS issue, but I have no idea how to fix it. Please advise.
Unfortunately I dont have a 4k device. The font-size is set by JS script from the Revolution Slider. Maybe I can find a way to force the font-size. Which version do you want? the 4k font-size or the 1080 font-size.
When viewing this site in 1080p/tablet as opposed to 4K resolution, the font formatting gets messed up on every bold, italic and link tag. The font size is wrong.
This is probably a CSS issue, but I have no idea how to fix it. Please advise.
Source: the official Karbones template demo (also applies to clean demo content install)
https://sonaar.io/demos/?theme=Karbones
Hi there,
Unfortunately I dont have a 4k device.
The font-size is set by JS script from the Revolution Slider.
Maybe I can find a way to force the font-size.
Which version do you want? the 4k font-size or the 1080 font-size.
Thanks,
Alexandre from the Sonaar.io Crew
The 4K one, where the results are as expected and the font looks uniform. I'd like this to be consistent across devices... thanks!
Oh, and it would be nice to know what you changed so I can modify it on my own if necessary.
Hi,
Please go to wp-admin>themes options>custom css/js
And add this code in the custom css field:
.rev_slider b{
font-size: inherit !important;
line-height: inherit !important;
}
Thanks,
Alexandre from the Sonaar.io Crew
More like
.rev_slider a, b, i {
font-size: inherit !important;
line-height: inherit !important;
}
but that did it. Thanks! :)
You should go with
.rev_slider a, .rev_slider b, .rev_slider i {
font-size: inherit !important;
line-height: inherit !important;
}
Thanks,
Alexandre from the Sonaar.io Crew