Header Customization

  • Resolved chenayay

    (@chenayay)


    10 years, 4 months ago

    Hello,

    When I first downloaded Ignite I was able to add a clickable image to my header. Since one of the recent updates it has disappeared. I have used the same code I had previously but it does not get read.

    I have added this to the actual Header.php file, as well as tried the CSS entry box you all have as well as a CSS editor plugin. None of which work.

    My website is brightcents.com

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter chenayay

    (@chenayay)

    Here is the code I’ve used: <head>
    <div class=”widget-header”><div class=”jetpack-image-container”><img src=”https://www.brightcents.com/wp-content/uploads/october2014-debtbar.jpg&#8221; class=”alignright” width=”400″ height=”116″ /></div>
    </div>

    Thanks,
    Chenell

    Theme Author Ben Sibley

    (@bensibley)

    Hi Chenell,

    Thanks for using Ignite!

    Right now, your markup has been placed in the <head>. This is not meant for content, but rather it’s a place to include scripts and resources the webpage will use. What you want to do is move that markup into the <header> section. The <header> is the element of the site containing the site title and menu.

    To complete this customization, you should first return the header.php file in Ignite to it’s original state. Then, copy the header.php file into an empty child theme (click to download). Lastly, you can make your edit’s to the child theme’s header.php file and activate the child theme on your site.

    The reason for using a child theme is to allow you to add customizations that are update proof. Otherwise, when you update Ignite it will overwrite your changes.

    Thread Starter chenayay

    (@chenayay)

    Ahhhh, thank you! I don’t mind copying that one piece of code every time there is an update. Thanks!

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome ??

    Thread Starter chenayay

    (@chenayay)

    Alright, one more question. How do I remove the orange lines between the widgets?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Header Customization’ is closed to new replies.

Tags