Add logo and reformat header type on home page

jimkuiken · Member · Aug 18, 2013 at 6:17 pm
Copy link

Add topic to favorites
I upgraded to Customize Design so that I could add my logo to the home page, left justify it and also add some text to the right of the logo.

How do I do this? What are the steps? I can’t seem to find where to put the code in for the main page header. I am not a programmer and I’ve never done this. Any help would be much appreciated.

The blog I need help with is: (visible only to logged in users)
elisedesaulniers · Member · Aug 18, 2013 at 9:10 pm
Copy link
To put your logo on the left, add the floowing to your custom css :

#custom-header {
text-align: left;
}

But i’m not sure you can add text next to it. Anyone has ideas ?
jimkuiken · Member · Aug 19, 2013 at 10:48 am
Copy link
Thank you kindly for this response. Can you please tell me the steps to where I actually put that code? How does that work? I am trying to do a work around in the meantime by putting in one big banner. I just don’t know where or how to add that custom css. Thanks again for your help.
thesacredpath · Member · Aug 20, 2013 at 2:14 am
Copy link
@jimkuiken, I see your logo and the text to the right of it on your site. Nice job!

If you would like to space your logo down just a bit, add this to your custom CSS and adjust the 10px top margin value as you desire.
```
#custom-header {
margin-top: 10px;
}
```
jimkuiken · Member · Aug 20, 2013 at 11:15 am
Copy link
Thank you. It worked beautifully! I finally figured out where to put the code :-)

Do you know if I can add an email link to my footer (I tried and it does not work) and also if I can delete the 2 lines of type for the name of the theme or if not, move it down away from my footer?
thesacredpath · Member · Aug 20, 2013 at 11:00 pm
Copy link
Give this a try and then adjust the line-height. The line-height will add spacing above and below the copyright line, which is why I took the top margin on #footer .info back to zero from 10px.
```
#footer .info {
    margin: 0;
}

#footer .info:before {
    content: "©2013 Jim Kuiken Design • 612-242-5629";
    line-height: 3;
}
```
On the email link, you cannot add HTML to CSS, so there is no way to do it through CSS. In themes where the user is utilizing a sidebar with widgets, you can do a repositioning of a text widget with the link in it, but you aren’t using widgets.
jimkuiken · Member · Aug 21, 2013 at 10:35 am
Copy link
Worked beautifully. Thank you!
thesacredpath · Member · Aug 21, 2013 at 5:19 pm
Copy link
You are welcome.

No items found.