Home>Support>Origami premium header text background color

Origami premium header text background color

By joel8r, 9 years ago. Last reply by Daniel, 9 years ago.

How can I set the header text to white and the background to black in Origami Premium?

I am converting a page from plain html to WordPress and my client would like it to keep it as close to the original as possible. I can use the original page’s header image but it is not very mobile-friendly. But White letters on black background would work for us.

The original non-Wordpress page is here:
http://www.larsonfamilymortuary.com

The in-progress WordPress page is here:
http://www.marinedevcorp.com/larsonfamilymortuary

Thanks for any suggestions.

Joe

URL: http://www.marinedevcorp.com/larsonfamilymortuary

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Hi Joe

    1. To change the color of the Navigation bar go to Appearance > Customize > Menu and change the colors from the options provided.

    2. You can change the rest of the area with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    #logo h1 {
      color: #fff!important;
    }
    
    #logo h3 {
       color: #fff!important;
    }
    
    #logo {
      background-color:#000 !important;
        margin: 20px 0 0px 0 !important;
    }
    

    Try that out and let me know the out come

    Cheers

  2. 9 years, 5 months ago joel8r

    Thanks for your help Addo, that worked like I wanted it to.

    The client likes the new look, but they now want to add a JPG to the header. Can I customize the Origami header to add a graphic to the existing text? Let me know if this is even possible, and let me know if I should open a new thread for this follow-on question.

    Joe

  3. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Hi Joe

    Am glad that worked out for you.

    For your other issue we encourage you open a new thread for each question. This helps us ensure we keep track of each issue individually and ensure all our customer queries have been looked at as required.

    Thank you for your understanding.

  4. 9 years, 5 months ago joel8r

    Thanks Addo, I will separate out my questions. This thread can be marked as resolved.

  5. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Perfect :)

    I will keep it that way and jump to the other one you have created.

    Cheers

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More