[resolved] Change Navbar Text Color and Bold Page Title (3 posts)

  1. adlawrence
    Posted 3 years ago #

    I've changed most of the text colors on this blog: http://scottfishercarpentry.com/ through this child theme: http://scottfishercarpentry.com/wp-content/themes/twentytwelvechild/style.css

    However, I cannot figure out how to change the color of the text in the navbar.

    Also, I want to put a <strong> tag on the page titles, but can't figure out where to find that code in the original CSS: http://scottfishercarpentry.com/wp-content/themes/twentytwelve/style.css (I have successfully added <strong> tags to the website name, though.)

    Any suggestions?

  2. The headings are here:

    .entry-header .entry-title {
    font-size: 20px;
    font-size: 1.428571429rem;
    line-height: 1.2;
    font-weight: normal;

    Change font-weight: normal; to font-weight: bold;

    The links for your navigation are at the bottom of the stylesheet in the media queries:

    .main-navigation li a {
    border-bottom: 0;
    color: #6A6A6A;
    line-height: 3.692307692;
    text-transform: uppercase;
    white-space: nowrap;

    Using the element inspector in Chrome or firebug in FF is an easy way to figure out what CSS does what.

  3. adlawrence
    Posted 3 years ago #

    Thank you, Christine! Both worked perfectly.

    I am using Firebug lite and element for Chrome and Firebug for Firefox. I just kept looking around and didn't quite find them (unlike me finding all the other text I wanted to change). Sometimes another pair of eyes is just right.


Topic Closed

This topic has been closed to new replies.

About this Topic