Need help? Check out our Support site, then


Help customizing Nishita theme

  1. I have a few items I cannot figure out.

    1. At the bottom of my page, how do I customize the "older posts" area? I would like the to change the font color, style, size, and the hover color.

    2. How do I change the font (size, family, etc) of the titles for each of my menu items? For instance, if you click on "about me" I want the heading to match my other post title headings.

    Thank you.

    The blog I need help with is lifeloveandlens.wordpress.com.

  2. Hi, you can try the Custom Design upgrade to do exactly this. Look for this option on the top left of your blog toolbar. Go to your blog name > Customize. A window will open at the right. Choose "Custom Design" and give it a try! There are many more options for colors, fonts, size, etc., if you go this route.

  3. I have the custom design upgrade and my blog has been customized. I need to know how to edit the CSS to achieve the two changes I mentioned.

  4. CSS is a many-faceted language and it's worth your time to learn it starting with the basics.

    The short answer to your question is: you would edit colors of a font in a specific location of the website by typing:

    p {font-size: 12px; color:#000;}

    where "p" means text in the paragraphs across the site.

    But, that is just scratching the surface.

    Learning how to style CSS on WordPress.com is discussed in this article in a lot more detail, a very good place to start!

    http://en.support.wordpress.com/custom-design/editing-css/

  5. I appreciate your response, but I'm waiting for someone else with more CSS knowledge to chime in. I am familiar with much CSS, but just need help in the areas I mentioned. There are others who can answer my specific questions with the proper code. Hoping they respond.

  6. 1a. To change the color and the font size of the "Older posts" tab, add this in the CSS editor and change the values:

    .infinite-scroll #infinite-handle span {
        color: #123456;
        font-size: 13px;
    }

    What exactly do you mean by "change the font […] style"?

    1b. To change the hover colors, add this in the CSS editor and change the values:

    .infinite-scroll #infinite-handle span:hover {
        background-color: #456789;
        color: #123456;
    }

    2. If I understand correctly, you don't want to change the menu items themselves, you want to change the heading of the page that shows up when you click on one of the items (make it look like the post titles). If so, paste this:

    h2.page-title {
        color: #FC9D9A;
        font-family: 'Lora',Georgia,'Times New Roman',serif;
        font-size: 160%;
        font-style: italic;
        letter-spacing: 0.05em;
        text-transform: none;
    }
  7. Thank you, justpi! Those changes worked.

  8. You're welcome.
    In my opinion you should also change the color of the border that shows when you hover over "Older posts" (or remove the border altogether).

Topic Closed

This topic has been closed to new replies.

About this Topic