当前位置: 动力学知识库 > 问答 > 编程问答 >

css3 - Wordpress Menu Dropcaps with Rootstheme and Twitter's Bootstrap 3

问题描述:

I have Twitter Bootstrap 3 Wordpress RootsTheme.

  1. How do I create Wordpress Dropcaps Primary Navigation Menu?

    Wordpress Navigation Menu Dropcaps

网友答案:

Based on the example page on http://demo.rootstheme.com/ you could use .navbar-nav > li > a:first-letter as your selector (add this to your style.css file):

.navbar-nav > li > a:first-letter {
     color: green;
     font-size: 20px;
     /* your style */
  }

See http://css-tricks.com/snippets/css/drop-caps/ for information about the first-letter pseudo class. Read also: css first-letter for link. first-letter only works for block level elements. The bootstrap css set the anchors in the nav to block display with:

    .nav > li > a {
        display: block;
        padding: 10px 15px;
        position: relative;
     }

分享给朋友:
您可能感兴趣的文章:
随机阅读: