Big Initials / Drop Caps (X)

Support
#1

I can’t find an option for big initials for paragraphs. If there is really none then that is a wish from me for one of the next updates :slight_smile:

#2

This is an automated message to notify you that your thread was posted in the wrong forum, and it has been moved to the correct place. A member of our team will be happy to reply just as soon as your thread is up. How support works.

For support, please post all questions in the Support Forum.

For peer to peer conversations with other Themeco customers about tips, customizations, or suggestions you are welcome to use the Conversation Forum (no official support provided here).

Design & Development, Marketing & Media, and Hosting & Optimization are for discussion with fellow Apex members about non Themeco related topics. Please keep this in mind in the future.

Thank-you!

#3

Hi There,

You can try with the dropcap shortcode:

http://demo.theme.co/integrity-1/shortcodes/dropcap/

Regards!

#4

hi thai! thanks a million! did not think of looking into the shortcodes… do you have any example how to style the dropcap to my wishes? eg: smaller, different color and font? thanks again! kai
ps: meanwhile i figured out most styling option but was not able to replace the font for the dropcap.

#6

Hi There,

You can try with this CSS:

span.x-dropcap {
    font-family: Lato, sans-serif !important;
}

Hope it helps :slight_smile:

#7

hi thai! thanks a lot for that snippet! it helps! the icing on the cake would be the use of google fonts for the dropcaps. is that possible? now it looks like it is only possible with websafe font!? thanks again! kai

#8

Hi again,

Yes it’s possible but first you’ll have to include the google font, for example add the following code in your Child Theme’s functions.php file:

add_action('wp_footer','google_font');
function google_font() { 
?>
<link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<?php 
}

Then you can use the font family anywhere like this:

span.x-dropcap {
    font-family: 'Montserrat', sans-serif;
}

Hope this helps!

1 Like
#9

hi nabeel! thanks a million! will try that out this weekend. great support! have a nice weekend! kai

#10

You’re most welcome.