Support » Themes and Templates » How do I add a space between the banner and the header on my website?

  • I am working on my website http://creativeonlinegenius.com/ and if you look you notice how the black bar located at the top of the website is touching the banner that I created. What I want is to move the banner down a few times so that the banner and the black bar at the top are not touching one another but I am unsure how to do this.

    My banner code is located in the header CSS section of editor along with the black bar that was part of the 2014 wordpress theme. I also noticed how the black bar to the top is slightly just a small tad shorter then the one in the footer I see to the right of the bar there is a white space on the end that the bottom bar does not have and I am unsure how to fix that so both bars are even in size. Any ideas? Help is appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)
  • .site-header {
    max-width:100%;
    }
    .masthead-fixed .site-main {
    margin-top: 72px;
    }

    Don’t change your theme directly. Edit the custom styles in the admin (if you have that), or set up a child theme. http://codex.wordpress.org/Child_Themes

    Thread Starter johnnyr860

    (@johnnyr860)

    Thank you for the response I appreciate the help. Here in lies a problem for me. I unfortunately do not have access to any administrative options at this time. It was actually my dad who set up wordpress for my site so I could make my own site so he is the one who has access to the admin tools and things needed in order to make a child theme. I was simply using his hosting server because he has unlimited hosting on his account. I will have a talk with him in the morning and see if he can help me with this.

    Thread Starter johnnyr860

    (@johnnyr860)

    Hi I was finally able to create a child theme like you said to do but I am totally lost and confused right now. Where am I supposed to insert the code that you gave me from before? When I click on editor there is no header.php section for me to click on and insert the code.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I add a space between the banner and the header on my website?’ is closed to new replies.