Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 30, 2018 at 7:23 pm #905072
    hobie690

    Hello,

    I got great help here employing this code to change the Heading 1 font size:

    #top.page-id-29 .post-entry-29 h1 {
    font-size: 50px !important;
    }

    Now I have a couple of follow up questions.
    1) Is there a way to make the font size grow and shrink depending on the size of the viewer’s display? I’ll give an example of what I mean in the private space.
    2) I noted in your code that in order to deploy this on a given page, you referenced page-id-29. If I want to do this on other pages, where can I see the page id number? I know that I’ll need to deploy similar solutions on other pages within my web site.

    Best regards,
    Tim

    January 31, 2018 at 8:24 pm #905758
    Basilis

    Hey hobie690,

    You can achieve that using
    https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

    which would help you to target the screensize you want and modify it based on that.

    Best regards,
    Basilis

    January 31, 2018 at 8:50 pm #905801
    hobie690

    Thank you!
    What about question #2? How do I see what the page id is of a given page?
    Best regards,
    Tim

    February 1, 2018 at 11:33 am #906225
    Rikard

    Hi Tim,

    You can find the page id class in the body tag if you inspect the page in question. You can also see the ID of the page in the URL when editing it on the backend.

    Best regards,
    Rikard

    February 3, 2018 at 4:56 am #907157
    hobie690

    Thanks for your help — both of you!
    Best regards,
    Tim

    February 3, 2018 at 3:01 pm #907230
    Rikard

    Hi Tim,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.