Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #270420
    Photo Lenory
    Participant

    How do I change the size of the initial letter
    my page:https://www.lenory.cz/?page_id=1134

    Děkuji Radek Bašta

    #270442
    tikaram
    Keymaster

    @photo-lenory: Please try adding the following additional css. The given code will decrease the font size. You can change the font size as desired by changing the number 2 in the code to a desired size.

    p.has-drop-cap:not(:focus)::first-letter {
    	font-size: 2rem;
    }

    Let me know if this helps resolve your issue.

    Regards,
    Tikaram

    #270475
    Photo Lenory
    Participant

    Thank you very much, it works! I can change the size of the initial letter, but when reduced, there is a large space between the first capital letter and the rest of the text. It would be possible to align the initial letter to the right or somehow bring it closer.
    Thank you Radek

    #270587
    tikaram
    Keymaster

    @photo-lenory: Replace the previous css with the following css.

    p.has-drop-cap:not(:focus)::first-letter {
    	font-size: 2rem;
    	padding: 0;
    }

    Let me know if this gives you the desired result.

    Regards,
    Tikaram

    #271460
    Photo Lenory
    Participant

    Hello, I tried a modified second version, but there was no change. I will probably solve this problem by deleting the capital letters. Thank you for your time Radek.

    #271607
    tikaram
    Keymaster

    @photo-lenory: Have you tried clearing the cache and checked the site again. The given code seems to work at my end. Let me know if you still want to use the functionality.

    Regards,
    Tikaram

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