Changing header colors and placement

  • Unknown's avatar
    gregl77 · Member ·

    I recently changed themes on my website, and the code I had been using in the old theme no longer works. Both themes have an orange border running across the top of the header, which I was able to alter to a rainbow gradient with this code on the old theme. I was also able to move the header down slightly from the top of the page. I am a CSS novice, so I have no idea how I managed to get this code to work when I set it up a year ago:

    .photocrati-header
    {
    margin-top: 25px;
    }

    #header{
    border-image: linear-gradient(to right, rgba(102,173,0,1) 0%, rgba(102,173,0,1) 3%, rgba(174,24,212,1) 19%, rgba(242,34,27,1) 47%, rgba(245,147,0,1) 74%, rgba(255,255,0,1) 100%);
    /*slices determine what sides of the header the gradient shows on*/
    border-image-slice: 100 0 0 0;
    border-image-width: 8px
    }

    That code no longer does anything with the new theme. Through experimenting I discovered if I change the “#header” to “#top-bar-wrap”, I can make the rainbow gradient appear on top of half of the existing orange border, but I’m trying to replace the orange border entirely, as well as move the header down lower on the screen to where I used to have it.

    Thanks for any suggestions…

  • staff-blorbo · Staff ·

    I don’t see any WordPress.com sites under your account here.

    What is the URL of the site with the problem?

  • The topic ‘Changing header colors and placement’ is closed to new replies.