Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 16, 2014 at 11:28 pm #320167
    robertscott

    Hi
    Is it possible to use both upper case and lowercase in header tags h1 h2 etc
    All my h2 are uppercase

    Thanks

    September 17, 2014 at 1:34 am #320204
    Yigit

    Hey robertscott!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
text-transform: none; }

    Best regards,
    Yigit

    June 16, 2016 at 7:27 pm #649370
    Vincent

    Hi Yigit,

    How do I optionally force H1, H2, etc to lowercase in blog posts, pages, and shop?

    Thanks
    Vincent

    June 16, 2016 at 9:22 pm #649406
    Basilis

    Hi!

    You will have to use the is_page() function of wordpress and apply the changes of CSS to only those pages

    is_page()

    Let us know if we can do anything else for you.

    Cheers!
    Basilis

    June 17, 2016 at 2:06 am #649500
    Yigit

    Hey!

    You can use the code as following 

    .woocommerce .entry-content-wrapper h1, .woocommerce .entry-content-wrapper h2 {
text-transform: none; }

    you can change “.woocommerce” to “.single-post” for blog posts and “.page” for pages

    Best regards,
    Yigit

    June 17, 2016 at 9:36 pm #649996
    Vincent

    Hi Yigit,

    Thank you for your reply.
    Unfortunately, this did not work for me. Instead, it reduced the size of the page (narrow) and squashed up the content. It did not force the H1 or H2 to be lowercase.

    I used the following:

    .page.entry-content-wrapper h1, .woocommerce .entry-content-wrapper h2 {
text-transform: none; }

    Is there an adjustment to this that can optionally force H1, H2 to be lowercase without it breaking the page?

    Thanks
    Vincent

    June 21, 2016 at 2:03 am #651173
    Andy

    Hi,

    you could try with page-id for the page in private content use for example:

    .page-id-131 .entry-content h3 {
text-transform: none;
}

    A precise link to the elements would help a lot.

    Best regards,
    Andy

    June 21, 2016 at 11:15 am #651390
    Vincent

    Hi Andy,
    Thanks for your reply. That seems counterproductive, as each page will need to be adjusted in the CSS. I want the option to alter the case for H1, H2 etc.

    There is no specific element, it is a request to adjust the header tags.

    Thanks
    Vincent

    June 21, 2016 at 6:19 pm #651620
    Andy

    Hi,

    then just use my code without the page-id and even add h2 or h1 into if you need to. A precise link with the elements which will be effected would still help.

    Best regards,
    Andy

    June 22, 2016 at 1:09 pm #652038
    Vincent

    Hi Andy,

    That did not work either, the page H1’s, H2’s are still in upper caps in shop, pages, and posts.

    Vincent

    June 22, 2016 at 4:21 pm #652208
    Andy

    Hi,

    you could just go to Enfold->Advanced Styling->Select an Element to customize->H1
    and define “Text Transform” to “None”.
    I hope this helps.

    Best regards,
    Andy

    June 22, 2016 at 4:50 pm #652243
    robertscott

    Guys an you open your own thread instead of hijacking my post thanks

    June 22, 2016 at 4:56 pm #652250
    Yigit

    Hi!


    @robertscott     Sorry about that. We are closing this thread. @zegna if you need further assistance, please start a new thread.

    Cheers!
    Yigit

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘lower case & upercase in headers’ is closed to new replies.