Changing the header of Limau Orange

  • I am currently using Limau Orange as the theme of my wordpress blog.

    I like Limau Orange theme as it clean, and has the two sidebars on the two sides instead of them both being together at one side. I find so few themes with sidebars on two separate sides nowadays. I prefer that.

    I have edited the image of the theme as well as the logo so that it reads my blog title instead of ‘Limau Orange’.

    I want to change the entire header of the theme to something like this blog has: https://www.honeyandjam.com/, a header with my preferred pictures and the title. The new header should be long enough so that it runs from sidebar on the left side to the sidebar on the right side, and little bit wider too.

    I also want to remove the orange line just below the header.

    What should I do. I do not have much HTML knowledge. So please be brief in explanation. I will appreciate your help.

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hey there!

    Could you provide a link to your current site (with the theme installed and image uploaded) so we can see exactly what you are looking to accomplish? It’s hard to imagine the issue you are having without and example to look at.

    Thanks!

    Thread Starter meheknaz

    (@meheknaz)

    https://zaiqa.net is my blog.

    Thanks for including you link. In the admin panel you’ll find “Appearance” in the left hand column. Click that and go into the editor. If it does not bring you there automatically, navigate into “style.css” section. In there search for the following:

    div.hr { height:3px; background:#fff url(images/hr.gif) repeat-x scroll center; clear:both; }

    and replace it with:

    div.hr { height:3px; background-color:#fff; clear:both; }

    That should get rid of the green/orange line at the bottom of the header.

    As for your logo you need create one with an image editor. WordPress can’t do that for you unfortunately. Create it to the dimensions you want and upload it to the following location: /wp-content/themes/limauorange/images/

    If you change the height of the logo from what it’s set to already (you mentioned wanting to do that), you want to tweak the height of following css definition, again in “style.css”, to a height that accommodates the new logo you created:

    #header { height:56px; width:301px; position:relative; color:#000; margin-bottom:3px; float:left; padding:0; }

    Hopefully this helps! Good luck with everything.

    Thread Starter meheknaz

    (@meheknaz)

    Thanks, was able to remove the line at the bottom of the header.

    As for the custom header that I want,
    1. how do I know what is the length of the header from the left sidebar to the right sidebar of my blog? I mean what are the dimensions to create a header of my choice so that it covers the both sidebars.
    2. After I find out the dimensions and create a header, should I replace the current header logo file with the newly created one? Doing this will also erase the google search button on the top right corner of the blog? How do I remove that to put up a header from the left side to thew right side?

    Thread Starter meheknaz

    (@meheknaz)

    I have successfully changed the header of my blog. Thanks a lot for your help tadhunt.

    NOTE TO MODERATOR: Please remove both the links to blogs mentioned in my messages above. Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing the header of Limau Orange’ is closed to new replies.