-
Posts
-
Hi,
I really don’t know if it is a best practice but I want to create a separate style sheet for styling font a specific devices. I now have it in my child theme’s style.css but I have some problems:
1. I have to move the styling to the bottom of the style sheet otherwise it doesn’t work. Is this normal or do I miss something.
This is the code I use:
html{
font-size: 100%;
}body,
p {
font-size: 1rem;
line-height: 1.8em;
}h1 {
font-size: 3rem;
}h2 {
font-size: 2.5rem;
}h3 {
font-size: 2rem;
}h4 {
font-size: 1.75rem;
}h5 {
font-size: 1.5rem;
}h6 {
font-size: 1.25rem;
}@media screen and (max-width: 1250px) {
p{
font-size: 0.95rem;
line-height: 1.7;
}
}2. I like to use all these settings global and want to put them in a separate style sheet. how do I do that in X? Do you have some info in the knowledge base that can help me out?
3. I have the feeling that 100% is smaller than 16px. Is that correct or again I miss something.
Thanks, Cor
Hey Cor,
Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.
Thank you for your understanding.
You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/
- <script> jQuery(function($){ $("#no-reply-1334950 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
