Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #16059

    Hi, how can I define 4 diferents dropcaps styles?

    I try to create them in shortcodes.css but it doesn’t work.

    This is de CSS. Thanks,

    .dropcap2, .dropcap3, .dropcap4, .dropcap5, .dropcap6, .dropcap7 {

    display:block;

    float:left;

    font-size:20px;

    line-height:35px;

    width:36px;

    text-align: center;

    margin:4px 8px 0 0;

    background-image: url(“../images/skin-minimal/reverse-dropcap.png”);

    }

    .dropcap3{

    background-color: #000;

    color:#fff;

    }

    .dropcap4{

    background-color: #ee3041;

    color:#fff;

    }

    .dropcap5{

    background-color: #00aebf;

    color:#fff;

    }

    .dropcap6{

    background-color: #2eb77c;

    color:#fff;

    }

    .dropcap7{

    background-color: #f79028;

    color:#fff;

    }

    #89999

    Hi mllibre,

    Instead of using the shortcode:

    [dropcap1]A[/dropcap1]

    You can add this on your Content Editor (just make sure you use HTML instead of Visual):

    <span class="dropcap7">A</span>

    Just replace the class with dropcap that you want to use. Hope this helps. :)

    Regards,

    Ismael

    #90000

    Hi Ismael, it works perfectly!

    Thanks,

    Marc

    #90001

    Hi Marc,

    Glad that I could help. :)

    Cheers,

    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘4 Diferents dropcaps style’ is closed to new replies.