CSS change

  • Resolved guenfood

    (@guenfood)


    8 years, 10 months ago

    Hi,

    How can i do with CSS to display dropcap like this page ?

    Actually, i use this css code :

    float : left;
font-size : 5em;
font-family : Trebuchet MS;
line-height : 0.8em;
margin-top: -50px;
margin-right: 15px;
margin-bottom: 400px;

    But the margin-bottom display different way if we look site on smartphone or tablet or computer.
    I’d like to display dropcap like you can see on link (with all text align after dropcap).
    How can i do ? Add a div ?
    Thanks for your help.

    https://www.ads-software.com/plugins/simple-drop-cap/

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

    (@maurisrx)

    Hi guenfood,

    Instead of giving drop cap margin-bottom, you can give your paragraph margin-left like the example page so that your drop cap will look like the example page.

    You can look the example page’s CSS by inspecting element on Chrome or Firefox.

    Let me know if it works.

    Mauris

    Plugin Author Yudhistira Mauris

    (@maurisrx)

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS change’ is closed to new replies.