WordPress.org

Ready to get started?Download WordPress

Forums

Category Cloud Widget
Include :first-letter-tag to Category Cloud (3 posts)

  1. pupilla
    Member
    Posted 3 years ago #

    Hi,

    I installed Category Cloud lately for a very huge category. Unfortunaly it still looks very overwhelming so I would like to use :first-letter to colorize the first letters of each category to give a better overview to my readers.

    Unfortunately I am not familiar with programming to change the code myself, but I tried to add a span with a class "classname:first-letter" here

    foreach ($counts as $catname => $count)
            {
                $catlink = $catlinks{$catname};
                echo "\n <a ****** href=\"$catlink\" title=\"$count posts filed under $catname\" style=\"font-size:".
                    ($options['small'] + ceil($count/$fontstep)).$options['unit']."\">$catname</a> ";
            }

    Unfortunately it didn't work and you laugh about the try. However, maybe there is a sollution and you can help me how it might work to make the first letter stand out.

    Thanks

    http://wordpress.org/extend/plugins/widget-category-cloud/

  2. alchymyth
    Forum Moderator
    Posted 3 years ago #

    :first-letter is css pseudo class and does not get added manually to the html output

    http://www.w3schools.com/CSS/sel_firstletter.asp

    you need to identify the class of the category names and edit the css files to include the :first-letter style

    if you post a link yo your site, maybe someone can help you to find this css class.

  3. pupilla
    Member
    Posted 3 years ago #

    Thank you so far!

    Unfortunately I trusted an source that said a <span> would be enough to define but today I read the pseudo class is only available for block and not inline text.

    Everytime I tried to add a class I received an error massage for the line quoted above. I suppose for this problem there is no sollution.

    Maybe it's possible with a list... I will keep on trying - it would be very useful.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic