Dropcaps of Different Colors

4 posts from 2 voices

• Started 4 months ago by steve4640
• Latest reply from Ismael
• This topic is not a support question

Tags:

No tags yet.

1. 

   steve4640
   Member

   Hi:

   Thanks for a great theme and a great community!

   Is there a way to have six Dropcap Style 2's on a page and have each dropcap be a different color?

   Thanks!

   Posted 4 months ago #
2. 

   Ismael
   Moderator

   Hi steve4640,

   You can do that but you need to manually, instead of adding a shortcode on your content, add the html code instead (make sure your editor is set to HTML and not Visual:
   <span class="dropcap2 bg-red">A</span>
   I'll just make three as an example:
   

   <span class="dropcap2 bg-red">A</span>
   <span class="dropcap2 bg-green">B</span>
   <span class="dropcap2 bg-black">C</span>

   Then you need to add this code to either Quick CSS or custom.css:
   

   .bg-red {
      background-color: red !important;
   }
   
   .bg-green {
      background-color: green !important;
   }
   
   .bg-black {
      background-color: black !important;
   }

   Hope this helps. If you need some clarification on this I'll be glad to help. :)

   Regards,
   Ismael

   Posted 4 months ago #
3. 

   steve4640
   Member

   Perfect! I'll tweak the colors in hex to match up with the theme, but this does the job! Thanks, Ismael!

   Posted 3 months ago #
4. 

   Ismael
   Moderator

   Hi steve4640,

   Glad we could help. :)

   Cheers,
   Ismael

   Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.