Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 15, 2014 at 3:03 pm #319225
    wpstarter

    Hello,

    how can I add a coloured header at the top of the page with a phone number and an email-adress on it?

    Thanks!

    September 15, 2014 at 3:15 pm #319231
    Yigit

    Hi wpstarter!

    Please go to Enfold theme options > Header Layout > Extra Elements and add social icons and text

    Regards,
    Yigit

    September 16, 2014 at 9:21 am #319679
    wpstarter

    Hi Yigit,
    thanks for your help! I also want to change the color of the header and the font-color. How can I do that?

    September 16, 2014 at 9:25 am #319684
    wpstarter

    And how can I maximize the space between the logo and my new colured header?

    September 16, 2014 at 1:47 pm #319816
    Yigit

    Hi!

    Can you post a screenshot and show the changes you would like to make?
    Also, i cannot see header meta section on your website.

    Regards,
    Yigit

    September 16, 2014 at 2:10 pm #319852
    wpstarter
    This reply has been marked as private.
    September 17, 2014 at 10:09 pm #320764
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #header_meta {
    background: red;
}
#header_meta *{
    color: white;
}

    Adjust as needed.

    Cheers! 
    Josue

    September 18, 2014 at 9:06 am #320999
    wpstarter

    Thanks Josue, that worked perfect!

    1. I also wanted to have more space between the logo and the coloured header. How does that work?
    2. I also want to add an E-Mail adress to the coloured header. But when I put the information in the phone number extra element, there is not enough space between the telephone number and the e-mail-adress.

    • This reply was modified 10 years, 2 months ago by wpstarter.
    September 18, 2014 at 2:04 pm #321182
    Yigit

    Hi!

    1- Please add following code to Quick CSS as well

    div#header_meta { margin-bottom: 20px; }
.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 150px; }
#header_main { border-top: none; }

    2- You can use HTML there. You can add your e-mail as following

    <span class="my-mail"> (Email address hidden if logged out) </span>

    then add following code to Quick CSS

    .my-mail { margin-left: 20px; }

    Cheers!
    Yigit

    September 19, 2014 at 9:57 am #321769
    wpstarter

    The Quick Css-Code (3.) doesn’t work. If I set another Value, it doesn’t change anything.

    • This reply was modified 10 years, 2 months ago by wpstarter.
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Add coloured header at the top of the page’ is closed to new replies.