Pilcrow Main Menu Colour

  • Author
    Posts
  • #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.

    #740948

    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;
    }
    #740986

    Thank you so much – they both worked perfectly!

    #740989

    You are welcome.

    #741008

    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.

    #741011

    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?

    #741012

    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.

    #741014

    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.

    #741168

    stuolddog
    Member

    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

    #741169

    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.