End of Support for Joomla 3 - Forum closed
[SOLVED] How to downsize the article title font on cellphon
How to downsize the article title font on cellphon was created by maesmarc
Posted 4 years 6 months ago #26356
Hi, i am using the "modern" template for design on
www.webs2go.be/ontwerp/labea1
On smartphone, the article title fonts are kind of "big".
How can I downsize the title fonts please?
I have added to css/custom.ccc the following, but it does not seen to work with this css,...
/* Small Screen */
@media (max-width: 768px) {
h1, uk-article-title,
font-size: 10% !important;
line-height: 1.2em !important;
}
Thanks for any help
On smartphone, the article title fonts are kind of "big".
How can I downsize the title fonts please?
I have added to css/custom.ccc the following, but it does not seen to work with this css,...
/* Small Screen */
@media (max-width: 768px) {
h1, uk-article-title,
font-size: 10% !important;
line-height: 1.2em !important;
}
Thanks for any help
by maesmarc
Attachments:
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8804
- Thank you received: 1731
Replied by joomlaplates on topic How to downsize the article title font on cellphon
Posted 4 years 6 months ago #26361
Try this
/* Small Screen */
@media (max-width: 768px) {
h1.uk-article-title {font-size: 1.2em !important; line-height: 1.2em !important;}
}
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
Last Edit:4 years 6 months ago
by joomlaplates
Last edit: 4 years 6 months ago by joomlaplates.
The following user(s) said Thank You: maesmarc
Please Log in or Create an account to join the conversation.
Replied by maesmarc on topic How to downsize the article title font on cellphon
Posted 4 years 6 months ago #26370
Thanks, but this one did not seem to work.
I solved the problem with a reply that you gave on an other person who had the same problem.
I added the following, and this solved it for me,
/* Small Screen */
@media (max-width: 768px) {
h1 {
font-size: 120% !important;
line-height: 1.3 !important;
}
h2,
h3,
h4,
h5,
h6 {
font-size: 16px !important;
line-height: 1.4 !important;
}
}
I solved the problem with a reply that you gave on an other person who had the same problem.
I added the following, and this solved it for me,
/* Small Screen */
@media (max-width: 768px) {
h1 {
font-size: 120% !important;
line-height: 1.3 !important;
}
h2,
h3,
h4,
h5,
h6 {
font-size: 16px !important;
line-height: 1.4 !important;
}
}
by maesmarc
Please Log in or Create an account to join the conversation.
Replied by maesmarc on topic [SOLVED] How to downsize the article title font on cellphon
Posted 4 years 6 months ago #26371
Problem solved.
by maesmarc
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates