-
AuthorPosts
-
August 3, 2017 at 12:58 pm #833865
Hello,
Whether I add CSS code, for example making the h2 tag not all capital letters with this code:
h2, h3, h4, h5, h6 { text-transform: none !important; }
they are no longer all capital in desktop view, but continue to be all capital letters in mobile view
Same problem if i use your “advanced styling” customizer in theme options, I had made some font changes to my website full screen slider/banner text, and it displayed correctly on desktop, while in mobile the changes do not take effect (see attached photo). Right now i’ve reversed all the full screen banner/slider text changes because it looks bad on mobile this way
August 7, 2017 at 10:07 am #835285hello,
did you get a chance to read my topic,
thanks
August 9, 2017 at 5:37 am #836128Hi,
Thank you for using Enfold. And we are very sorry for the late response.
Please use a more specific selector for the heading tag. Example.
div .slideshow_caption h2 { text-transform: none; }
Best regards,
IsmaelAugust 9, 2017 at 9:18 am #836240hi,
this does not answer my question
first and foremost, how do i get h2 headings in pages and posts to be not all capital letters, when i use the following css code it only works for desktop view, why???
h2, h3, h4, h5, h6 { text-transform: none !important; }
August 10, 2017 at 6:14 am #836750Hi,
I’m not sure why it’s doing that, though it seems like it only happening with the header on your form? Is that correct?
Best regards,
RikardAugust 10, 2017 at 9:44 am #836855No, same issue in all my pages and posts, see attached screenshot
It doesn’t matter if i used the CSS code or the advanced styling in theme options, i get same result: the headings are still capital letters in mobile, while they are now correct in desktop
I’ve provided my wp login and FTP detail earlier, please help
- This reply was modified 7 years, 3 months ago by zohar2014.
August 12, 2017 at 3:43 am #837699Hi,
I thought you’re referring to the heading in the slider caption because of the previous screenshot. Please use the following css code instead.
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: none; letter-spacing: 1px; }
Best regards,
IsmaelAugust 12, 2017 at 7:55 am #837783I have replaced with your ccs code, and the page/blog headings are still all capital letters in mobile
please help
August 12, 2017 at 1:41 pm #837863Hi there!
I took the liberty of logging in and checking your code. There was a missing
}
in your Quick CSS that was preventing Ismael’s code from working. Perhaps it was a copy-paste error? :) It was an easy fix, though! The page/blog headings are now capitalized (as opposed to all uppercase).Please let us know if you encounter other issues.
Best regards,
SarahAugust 12, 2017 at 3:35 pm #837922thanks it works now
August 12, 2017 at 5:52 pm #837978You’re welcome!
Please don’t hesitate to open a new thread if you have other questions.
For your information, you can also take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
We’d also appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads
Thank you for using Enfold.
Cheers!
Sarah -
AuthorPosts
- The topic ‘Font style changes not displaying in mobile’ is closed to new replies.