Pilcrow Main Menu Colour

  • Author
  • #740808

    How do I change the colour of the main menu at the top of the page in Pilcrow from black to a blue?
    Also how do I get rid of the thin line?
    I have custom CSS

    Any help would be appreciated

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


    Give this a try and edit the color code in the top bit for the background for the nav buttons.

    #nav .current_page_item a, #nav li:hover > a, #nav ul ul:hover > a {
    background: #222222;

    The following gets rid of the top border line on the navigation. If you want to get rid of the bottom border line as well, make it ” border: none; ” instead of ” border-top: none; “.

    #nav {
    border-top: none;

    Thank you so much – they both worked perfectly!


    You are welcome.


    changing the colors of fonts in the menu headings shouldn’t be this difficult. Why can’t I just highlight and change the color? I don’t understand how to use this CSS sheet and it’s way more difficult than it should be. Why is changing the colors in the headings and menu titles a different process from the changing the font in the paragraph? Anyways, I need help changing the font colors of my menu titles, and headings.


    This isn’t Microsoft Word. This is the Web and stuff on the web is simply more “hands on” at this time.

    Changing the color of content in a post happens right in the editor (it isn’t part of the theme structure). Modifying of elements in the theme structure requires editing the theme files themselves (CSS or PHP script).

    This kind of functionality can be built into themes, and I have used some of those on self-hosted installations, but they require so much code that they end up weighing in at 3-4 times the total size of a normal theme – sometimes more than 4 times. 4 times the amount of code means it takes 4 times as much labor to write and debug things, so themes with that level of sophistication typically are around $100 and in many cases, that is a yearly cost, not a one-time cost. The theme designer has to eat, pay rent, etc.

    Do you have the Custom Design Upgrade?


    It appears like you do from what I can see. Due to the nature of your background image, color selection is going to be a little critical and you may have to try several different colors to find one that has good contrast on all parts of the image.

    The following is the top navigation font color. Edit the hex color code as desired.

    #pagenav a {
    color: #000000;

    For the sidebar, what I might suggest would be to copy the background and border style of the main content area. This will make text/background image contrast a non-issue. Give the following a try and see what you think.

    #sidebar {
    background-color: #FFFFFF;
    border: 5px solid #EFEFEF;
    .widget {
    margin: 0 5px 30px;

    If you want to go with no background for the sidebar and change the text colors, let me know and I can give you that code.


    Also in the future if you are using a different theme than is discussed in a particular thread, even if it is on the same basic topic, please start a new thread so that it doesn’t end up confusing others that aren’t using the same theme as you.

    Much thanks.



    hi guys,

    can anyone help with images on pilcrow theme. I am trying to make my images look sharper by adding a border. and then when clicked upon the screen fades to an opaque black and the image fades up in the middle. any help much appreciated. thanks


    The border can be added, either directly in the CSS, or by editing the image code in the editor and adding a border there.

    The “lightbox” effect, when clicking on an image cannot be done here at wordpress.com.

The topic ‘Pilcrow Main Menu Colour’ is closed to new replies.