Font, Height, etc.

  • Resolved TheTJ

    (@measuringflower)


    8 years, 7 months ago

    Hi! Thank you so much for this plugin. 🙂 I would like to style it to match my site a bit more, but I’m struggling with it.

    1) I’d like to change the font to Special Elite (a Google font). I tried this but it isn’t working:

    .wpsdc-drop-cap {
padding: 0;
font-size: 3em;
line-height: 0.8em;
font-family: Special Elite, latin;
}

    and I tried this, but it still didn’t work:

    .wpsdc-drop-cap {
padding: 0;
font-size: 3em;
line-height: 0.8em;
font-family: Special Elite;
}

    2) How do I make it accept double digit drop caps? Like the number 10. I found if I do [dropcap]1[/dropcap][dropcap]0[/dropcap], it’ll do it, but is there a way to just go [dropcap]10[/dropcap] and it turn both numbers into dropcaps? Currently, it will only do the first number, but not the second.

    3) How do I make it so it only drops the height of 2 lines instead of 3?

    Thank you kindly! 🙂

    http://www.measuringflower.com

    https://wordpress.org/plugins/simple-drop-cap/

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

    (@maurisrx)

    8 years, 7 months ago

    Hi,

    Thank you for using the plugin. Here are my answers:

    1) Have you embed the Google font on your website? Please read this post for tutorial: http://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/.

    If the font name consists of more than one word, quote it when defining the CSS rule like this: font-family: "Special Elite", latin;.

    2) Currently, this plugin only supports one character dropcap. You need to customize the plugin if you want to support it now.

    3) Adjust the padding, line-height, and font-size to your needs.

    Example:

    padding-top: 10px;
padding-bottom: 10px;
font-size: 40px;
line-height: 30px;

    Hope it helps.

    Mauris

    Thread Starter TheTJ

    (@measuringflower)

    8 years, 7 months ago

    Hi, Mauris. Thanks for getting back so quick!

    Ok, I got the font to work. I was putting it in the plugin’s Custom CSS Style and it didn’t work, so I tried in my style.css and that got it working. 🙂

    However, it’s not making any changes when I play with the padding, font-size, and line-height. I put it in like this in style.css:

    .wpsdc-drop-cap {
padding-top: 0px;
padding-bottom: 10px;
font-size: 20px;
line-height: 20px;
font-size: 1em;
line-height: 0.2em;
font-family: 'Special Elite';
}

    Am I doing something wrong? I’m semi-knowledgeable at this stuff, but sometimes I have a hard time fully grasping it.

    Plugin Author Yudhistira Mauris

    (@maurisrx)

    8 years, 7 months ago

    Delete multiple same code and choose one such as:

    font-size: 20px;
font-size: 1em;
    line-height: 20px;
line-height: 0.2em;

    Adjust the value of the padding and line-height until you find the correct value. Let me know if it works.

    Mauris

    Plugin Author Yudhistira Mauris

    (@maurisrx)

    8 years, 5 months ago

    Marked as resolved due to inactivity. Please reply below if you want to re-open it.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Font, Height, etc.’ is closed to new replies.