Support » Theme: Adelle » changing color of adelle menu bar and bottom border

  • I want to change the color of the top and bottom banners. I found a way to change the top banner but there are ribbon ends that have not changed and I can’t figure out how to change the bottom banner either. I’m using the jetpack CSS to do this.


Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator stephencottontail


    For the ribbon ends in the top banner:

    .nav:after {
        border: 1.6em solid #color;

    And for the bottom ribbon:

    p.footer-copy {
        background: #color;
    p.footer-copy:after {
        border: 1.8em solid #color;

    Obviously, replace #color with whatever color you’d like to use.

    How to change the color of the center of the menu bar?

    This should do it:

    .nav {background: #color;}


    I tried this and it has made the top nav bar square at the edges and missed the edges of the bottom footer. See website:

    How to I six this?

    Also I wonder how I can change date circle to a different colour?

    Would appreciate any help!

    Thank you!!!!



    I have the same problem with the footer. The ribbon edges didn’t change the color so I switched it back to black.

    Anyways, gilliancut, here’s how you can change the date circle:

    .article .post-date {
    	background: #hexcolor;

    You can also change the font color of the date using this:

    .article .post-date a {
    	color: #hexcolor;

    Thank you!! Yaay! This worked on the date circle 🙂

    Now I just need to work out the nav bars!!

    Thanks for your help!! 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘changing color of adelle menu bar and bottom border’ is closed to new replies.