Jump to content

Use a drop cap like on the blog IPB


annadaa

Recommended Posts

Css

[data-pageapp="cms"][data-pagemodule="pages"][data-pagecontroller="page"] article [data-controller="core.front.core.lightboxedImages"] > p:first-child:first-letter {
    font-size: 60px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    line-height: 60px;
    float: left;
    margin-right: 5px;
    color: #963c8a;
}
Link to comment
Share on other sites

  • 4 months later...
On 7/18/2019 at 1:27 PM, newbie LAC said:

Css


[data-pageapp="cms"][data-pagemodule="pages"][data-pagecontroller="page"] article [data-controller="core.front.core.lightboxedImages"] > p:first-child:first-letter {
    font-size: 60px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    line-height: 60px;
    float: left;
    margin-right: 5px;
    color: #963c8a;
}

can you tell me where I need to install this precisely so that it also works for the blog and article

and if the code changes also
 

thanks

Link to comment
Share on other sites

1 hour ago, annadaa said:

can you tell me where I need to install this precisely so that it also works for the blog and article

and if the code changes also

Add in custom.css

[data-pageapp="cms"][data-pagemodule="pages"][data-pagecontroller="page"] article [data-controller="core.front.core.lightboxedImages"] > p:first-child:first-letter,
[data-pageapp="blog"][data-pagemodule="blogs"][data-pagecontroller="entry"] article [data-controller="core.front.core.lightboxedImages"] > p:first-child:first-letter {
    font-size: 60px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    line-height: 60px;
    float: left;
    margin-right: 5px;
    color: #963c8a;
}

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...