Drop Cap Depth?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Yudhistira Mauris

    (@maurisrx)

    10 years, 1 month ago

    Hi Kristine,

    You need to use custom CSS to get the desired result.

    Here is an example:

    font-size: 40px;
margin-bottom: 5px;

    You can add it to the custom CSS box and play with the number until you get the desired result.

    Mauris

    Plugin Author Yudhistira Mauris

    (@maurisrx)

    10 years ago

    Marked as resolved due to inactivity. Please reply below to reopen the ticket.

    dav777

    (@dav777)

    9 years, 5 months ago

    Hi young boy !

    Could you provide me a css code to enter for a floated drop cap the css you provide above is for a simple drop cap.

    I like it to have 2 ligne depht or 3 and it need to be harmonius too with the rest of the text ( with the css you provide above my first line and second line are separated…

    Thanks David

    ps : if you wish to see my work is here, but might change in 10 to 15 hours : https://ejaculationprematuree.com/bonne-nouvelle-pour-les-ejaculateurs-precoces/

    Plugin Author Yudhistira Mauris

    (@maurisrx)

    9 years, 5 months ago

    Hi David,

    Here are some of the CSS attributes that you can play with to get desired effect. Please adjust it based on your needs.

    font-size: 40px;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
line-height: 40px;
float: left/right/none;

    The effect matches with the attributes’ name.

    Hope it helps.

    Mauris

    dav777

    (@dav777)

    9 years, 5 months ago

    Hi Mauris thanks

    Indeed its not so simple it took me a while ( nearly 1 hour ) to get to something close from what i wanted, now i got 2 lines drop cap on lapop and 3 lines drop cap on cell phone, so not quite responsive, but nearly…if you work only on 1 device its easy and simple but otherwise its complicated …nevertheless its quite ok so i will try this for a while but i m kind of pixel perfect guy…and my customer i guess

    Anyway this is my recipe for something slightly better :

    font-size: 70px;
    margin-top: 20px;
    margin-bottom: 5px;
    margin-right: 15px;
    margin-left: 0px;
    line-height: 30px;
    float: left;

    And those who wish to see it online its here :
    https://ejaculationprematuree.com/bonne-nouvelle-pour-les-ejaculateurs-precoces/

    • This reply was modified 9 years, 5 months ago by dav777.
    Plugin Author Yudhistira Mauris

    (@maurisrx)

    9 years, 5 months ago

    Thanks for sharing you settings David! That’s why I provid custom HTML box in the plugin setting. It’s impossible to make the default settings match with all websites that use the plugin.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Drop Cap Depth?’ is closed to new replies.