I see that you have an easy way to make the h1 font size different based on if someone is using a tablet or mobile device - which is wonderful! Can you please let me know how I can create a different outline style for the h1 font - for when someone is using a tablet or mobile.
I am using an outline on the h1 font in the title section of the pages - which I love. But when the font is scaled down for smaller devices, the outline looks bad. Do you know how I can get rid of the outline when the text size changes for tablets and mobile?
I am using this css code (which is working great for the desktop/laptop size):
Hello.
I hope you are well.
I see that you have an easy way to make the h1 font size different based on if someone is using a tablet or mobile device - which is wonderful! Can you please let me know how I can create a different outline style for the h1 font - for when someone is using a tablet or mobile.
I am using an outline on the h1 font in the title section of the pages - which I love. But when the font is scaled down for smaller devices, the outline looks bad. Do you know how I can get rid of the outline when the text size changes for tablets and mobile?
I am using this css code (which is working great for the desktop/laptop size):
.page-title-title {
-webkit-text-stroke: 1.1px #c29f00;
}
https://chosenstaging.wpengine.com/inspirational-quotes/
Thank you so much! Codex Themes are the best wordpress themes on the market.
Best wishes,
Jennifer
HI!
pls. use following css, for example:
@media(min-width:1200px){ .page-title-title { -webkit-text-stroke: 1.1px #c29f00; }}Perfect. Thank you so much!
Welcome! Have a nice day!