[closed] changing color of adelle menu bar and bottom border (7 posts)

  1. missg411
    Posted 2 years ago #

    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.



  2. stephencottontail
    Posted 2 years ago #

    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.

  3. Marina Dascalescu
    Posted 2 years ago #

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

  4. wongpk
    Posted 2 years ago #

    This should do it:

    .nav {background: #color;}

  5. gilliancut
    Posted 1 year ago #


    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: http://lilyluxe.com/

    How to I six this?

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

    Would appreciate any help!

    Thank you!!!!

  6. thebibliophileconfessions
    Posted 1 year ago #

    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;
  7. gilliancut
    Posted 1 year ago #

    Thank you!! Yaay! This worked on the date circle :-)

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

    Thanks for your help!! :-)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic