MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Targeting text elements in Rosemary

Please note: This FAQ Article is specifically for the Rosemary theme.



Below, we've noted nearly all of Rosemary's text elements and how to target them with CSS in order to change font-size, font-family, etc. Should you have any questions regarding the below elements, want any clarifications, or would like a hand adjusting font-size/font-family of elements within Rosemary, please don't hesitate to open up a new support ticket and let us know!



/* Menu Items */
#nav-wrapper .menu li a {...;}
#nav-wrapper .menu li.current-menu-item > a, #nav-wrapper .menu li.current_page_item > a, 
#nav-wrapper .menu li a:hover {...;}
 
 
/* Top Bar Search */
#top-search input {...;}
 
 
/* Slider Overlay */
.feat-item .cat a {...;}
.feat-item .post-header h2 a {...;}
.feat-item .post-header .date {...;}
.feat-item .read-more {...;}
 
 
/* Promo Boxes */
.promo-area .promo-overlay h4 {...;}
 
 
/* Post Header */
.post .post-header .cat a {...;}
.post-header h2 a, .post-header h1 {...;}
.post .post-header .date {...;}
 
 
/* Post & Page Body Text */
 p {...;}
.post-entry blockquote p {...;}
.post-entry ul li, .post-entry ol li {...;}
.post-entry h1 {...;}
.post-entry h2 {...;}
.post-entry h3 {...;}
.post-entry h4 {...;}
.post-entry h5 {...;}
.post-entry h6 {...;}
.post .post-entry a .more-button {...;}
 
 
/*Post Footer Elements */
.post .meta-comments a {...;}
.post .meta-share {...;}
.author-content h5 a {...;}
.author-content p {...;}
.post-box-title {...;}
.item-related h3 a {...;}
.item-related span.date {...;}
.post-comments h4.post-box-title {...;}
.thecomment .comment-text span.author, .thecomment .comment-text span.author a {...;}
.thecomment .comment-text span.date {...;}
.post-comments span.reply a {...;}
#respond h3 {...;}
#respond label {...;}
#respond #submit {...;}
 
 
/* Grid Item Elements */
.grid-item .post-header .cat a {...;}
.grid-item .post-header h2 a {...;}
.sp-grid .post .list-meta .date {...;}
 
 
/* Pagination Elements */
.pagination a {...;}
 
 
/* Sidebar Widget */
#sidebar .widget-title {...;}
#sidebar .widget ul li a {...;}
#sidebar .widget .tagcloud a {...;}
.side-pop.list .side-pop-content h4 a {...;}
.side-pop-content span.sp-date {...;}
#sidebar .promo-overlay h4 {...;}
 
 
/* Footer Elements */
#footer .copyright.left {...;}
#footer .copyright.right {...;}


.