Joomla Templates Club 406,261 posts

[azylum Friend azylumJoin date: December 2008Posts: 13Downloads:0Uploads:1]

#136780

hi,

i try to apply a style to my “article-content” first letter.

i put this in the template.css :

div.article-content p:first-letter {
font-size: 150%;
}

but it don’t work

ty

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#284898

would be more like this…

.first-letter {
font-size: 150%;
}
Then in your article editor click the HTML button and have…

<p><span class=”first-letter”>L</span>orem ipsum dolor sit amet, consectetur adipiscing
elit. Praesent ac tortor a odio rhoncus convallis. Maecenas est.</p>This will display like…

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ac tortor a odio rhoncus convallis. Maecenas est.

You may also need to add some more CSS to get it to look just right.

[azylum Friend azylumJoin date: December 2008Posts: 13Downloads:0Uploads:1]

#285362

yep,

ty but it works on the “contentheading” with this style :

.contentheading:first-letter{
font-size: 25px;
font-weight: bold;
color: red;
text-transform: capitalize;
}

… but i cant make it works on the article-content

first-letter

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#285381

Ahh… place it at the very end of template.css and it works.

[Author]

Posts