первая буква абзаца

[SnezhArt]

Доброго времени суток!
Написала код, где есть дополнительный блок с цитатой. Я прописала его через #side h1::after.
Реально ли в этой цитате прописать первую букву с другими характеристиками шрифта и цвета? Если реально, то как это можно провернуть?
Я пробовала через :first-letter к :after, но там не захотел присобачиваться.

превью картинки, где я обвела то место, которое хочу отредактировать:

картинка

дизайн установлен в дневнике

UPD: вопрос успешно решен. спасибо большое  смольник !!

@темы: текст

Comments

[смольник]

Мб попробовать
.paragraph div:first-letter

[SnezhArt]

только сейчас поняла, что перепутала, когда писала пост. я пыталась как раз фёст-леттер к афтер приделывать.

а к параграфу не получится то, что я хочу. я же хочу заглавную не в постах, а в той плашке с цитатой.

[смольник]

SnezhArt, а эта плашка что сие? Эпиграф?

[SnezhArt]

смольник, по факту - нет. для этого мне бы пришлось переносить эпиграф, а мне этого не хотелось, поэтому я просто прописала названию дневника доп элемент через :after

[смольник]

SnezhArt, я так в одном из дизайнов просто отдельно взятый пост выносил и закреплял в углу дневника (в любое другое место), вот там, конечно, проще было бы с буквой.

[SnezhArt]

смольник,

просто отдельно взятый пост выносил и закреплял в углу дневника (в любое другое место)

а как это провернуть можно?

[смольник]

SnezhArt, давайте я дам свой код, а вы разберётесь)

  #post177880630.singlePost {visibility:visible; z-index:2; display: block; position: fixed; bottom: 70px; right: 12px; width: 190px; height: 230px; }
 #post177880630.singlePost .postContent {position: relative; max-height:310px; background-color: rgba(24, 21, 18, 0.7) !important; padding: 2px 1px 2px 1px !important;border: 1px solid #1d1915; -webkit-box-shadow: 0px 0px 15px #372f2f; -moz-box-shadow: 0px 0px 15px #372f2f; box-shadow: 0px 0px 15px #372f2f; }
 #post177880630 .postTitle.header {margin: 0px 10px 10px 10px !important; }
 #JournalComments #post177880630, #JournalDraft #post177880630, #post177880630 .postDate, #post177880630 .postLinksBackg, #post177880630 .postTitle.header span, #post177880630.singlePost .atTag span, #post177880630.singlePost div.paragraph small, #post177880630.singlePost div.paragraph b {display: none !important;}
 #post177880630.singlePost .atTag {margin: 15px 0 0 0 !important; }
 #post177880630 .postActionLinks {margin: 0 -5px 0 0 !important;}
 #post177880630 .upPostLink { display: block !important; position: absolute !important; bottom: -40px !important; right: 125px !important; }
 #post177880630 .delPostLink { display: block !important; position: absolute !important; bottom: -40px !important; right: 105px !important; }
 #post177880630 .editPostLink { display: block !important; position: absolute !important; bottom: -40px !important; right: 85px !important; }
 #post177880630 .tonotepadPostLink, #post177880630 .fromnotepadPostLink {display: none !important; }

И привинтить как-то так (опять же из моих настроек)

 #post177880630 .paragraph div:first-letter { text-transform: uppercase; font-style: inherit; font-size: 20px; font-family: "Times New Roman"; font-weight: bold !important; color:#584b4b !important; padding: 2px 2px 5px 20px !important; text-shadow: 1px 1px 2px #000000;}

[SnezhArt]

смольник, спасибо огромное! буду разбираться. не пробовала еще такого)

[смольник]

SnezhArt, разберётесь, тут все понятно. Адрес поста и так далее.

[SnezhArt]

смольник, назрел новый вопрос ^^"
я все прописала, все встало на странице днева главной. стоит уйти на страницы комментов или избранное или т.п., закрепленный пост пропадает. это я налажала или он так и должен делать и его никак не закрепить окончательно и бесповоротно, неважно на какую страницу днева пойдешь?

[смольник]

SnezhArt, да, вы его прописали в конкретное место, там же зафиксировали. Если хотите, чтоб эта штука была так же, как меню, надо прописывать каким-то образом отдельным аддблоком и привинчивать именно в элементы меню. Но тогда встанет снова проблема с заглавной буквой. Есть вариант привинтить юзерпик заданных размеров, но тогда текст придётся делать картинкой.

[SnezhArt]

смольник, все, поняла. спасибо еще раз большое!

[смольник]

SnezhArt, да не за что)