Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 18, 2022 at 10:27 am #1335988
    josk-design

    Hallo!

    In WordPress / .css / html. bin ich ein totaler Neuling! Ich bin Grafik Designerin und erstelle gerade eine Website anhand dessen ich mir WordPress beibringe. Extrem wichtig ist mir Typografie. Ich habe bei “erweitertes Styling” den H1 etc. Formaten verschiedene Schriftattribute zugeordnet.

    Nun habe ich das Problem, dass auf kleineren Devices die große Schrift (H1 = 50px, H2 = 40px) noch zu groß ist und die Spalten nicht kleiner werden). (link siehe Private Content)

    Ich möchte gerne, dass es sich “fluid” der jeweiligen Screengöße anpasst. Gibt es da ein .css für?

    Viele Grüße
    Josephine

    PS Nun habe ich gerade gedacht, ich hätte eine Lösung gefunden, hat aber leider nicht funktioniert.
    unter
    > Enfold child > theme optionen > Allgemeines Styling > Typography
    Ich habe in den theme editor folgendes eingetragen: add_theme_support( “avia_options_extended_typography” ); und ins .php das aus dem link hier: https://github.com/KriesiMedia/enfold-library/blob/master/actions%20and%20filters/Layout/avf_el_styling_responsive_font_size_skip.php
    Dann habe ich beim H1 selector folgendes eingetragen:
    Font size: Standard 50 Medium 35 Klein 20 Very small 300
    Leider hat sich nichts getan, als ich das Fenster verkleinert habe bzw. es am Handy angeschaut habe. Es geht ja auch eigentlich nicht nur um die Schriftgröße, sondern auch um die Spaltenbreite, glaube ich…

    • This topic was modified 2 years, 11 months ago by josk-design.
    January 18, 2022 at 5:01 pm #1336071
    Yigit

    Hey Josephine,

    Thanks for the information!

    Enfold theme options > Advanced Styling options override Typography options. So I went to Enfold theme options > Advanced Styling and set H1 font size to default.

    Then I went to Enfold theme options > General Styling > Typography and added px to font sizes. They should be inserted as “50px” instead of “50”.

    Please review your website :)

    Best regards,
    Yigit

    January 18, 2022 at 5:10 pm #1336072
    josk-design

    Hi Yigit,

    thank you so much! Great! :)

    I have another question, don’t know if it’s within the support.
    I used MapPress and leaflet to built a map. It worked out, but it opens always with the white sidebar on the left open.
    https://kuhl-consult.josk-design.de/kontakt-neu/
    Do you know how to make it happen, that it opens just with the map?

    Have a nice day
    Josephine

    • This reply was modified 2 years, 11 months ago by josk-design.
    January 18, 2022 at 7:11 pm #1336085
    Yigit

    Hi Josephine,

    You are welcome! :)

    I see that you are using Code Block element to display your maps. Please refer to this post – https://kriesi.at/documentation/enfold/openstreetmaps-leaflet-maps/ and use OSM – Leaflet Map element instead :)

    Best regards,
    Yigit

    January 19, 2022 at 2:21 pm #1336197
    josk-design

    Hi Yigit,

    I reply to this: “Enfold theme options > Advanced Styling options override Typography options. So I went to Enfold theme options > Advanced Styling and set H1 font size to default.
    Then I went to Enfold theme options > General Styling > Typography and added px to font sizes. They should be inserted as “50px” instead of “50”.”

    When it was just done with H1 Headline it worked. But when I do the same settings (differnt font sizes..) for H2, it doesn’t work anymore. :(

    Would be great if you could have a look at that again.

    Best regards
    Josephine

    • This reply was modified 2 years, 11 months ago by josk-design.
    January 19, 2022 at 2:27 pm #1336200
    Yigit

    Hi Josephine,

    I went to Enfold theme options > General Styling > Typography and enabled H2 which was disabled but it is working fine on my end. I attached screenshots in private content field below :)

    Best regards,
    Yigit

    January 19, 2022 at 2:48 pm #1336206
    josk-design

    Thank you!! Don’t know what I did. I’m lost. ;-)

    January 19, 2022 at 3:07 pm #1336212
    Yigit

    Hi,

    You are welcome, Josephine! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘responsive typography’ is closed to new replies.