linking header to homepage

  • Hello, I am very new at blogging and would like to link my header to the homepage. I have read a few other threads offering advice and I don’t know how to apply it to my own blog. I don’t even know where to look for the header.php.

    I may be asking this question in the wrong place, so please let me know if I am.

    I need step-by-step instructions starting from my dashboard. My website is inloveinlondon.com

    Thanks in advance!

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

  • Hi there – I think that you probably just have to enter a link in your Custom Site Logo Link box, in your theme options.

    So – from the Dashboard, select Appearance and then Customize.

    Then select Themify Options -> Site Logo & Tagline

    Enter your homepage url under Custom Site Logo Link.

    Here’s a screenshot of the Custom Site Logo Link so that you know what you are looking for…

    Hope this helps!

    Thread Starter andykoko

    (@andykoko)

    Thanks for your response. I tried what you said, but ran into two issues.

    1) I set up my site image under “Header” not “site logo & tag line”, (Appearance -> customize -> themify options -> header) so when I entered the URL under the custom site logo link in site logo and tagline, it didn’t work. Did I set my site image up the wrong way?

    2) I tried uploading my image to the site logo and tagline box like you show in your screen shot. It created a little copy of my site image on top of the one I already had, which would obviously need to be rectified, but when I tested the link out, it said 404 Page not found. So the link did not seem to work. When you say to do the home page url is it just “www.inloveinlondon.com” or something longer?

    Thanks!

    HI there! I think that there are a lot of options in this theme – and I definitely don’t think that setting up your image in the header is ‘wrong’. Our goal here is to get the image to link back to the home page without having to play around in the code, right?

    What I did figure out is that if you set up your image as a site logo – you don’t actually have to enter in a custom link – it will simply assume that you mean it to link to the home page. So if you try that – go ahead and leave the link section blank and see if it works for you!

    Thread Starter andykoko

    (@andykoko)

    Hi! It works to link the header back to homepage, although I feel like there is a lot of white space around the logo. (I liked the appearance of it before.)

    I uploaded my picture to the site logo under logo image and set pixels at 1000 x 350. My image which has a white background showed up, but did not fill up the whole grey box. So then I went to header and under header wrap chose white as the background so that they grey box did not show. I just wonder if there is a way to make my logo fit that space a bit better and reduce the amount of white on the top and bottom of the logo. I couldn’t seem to find anything that allows you to change the size of the site logo.

    Thanks so much for solving the image linking issues! Any ideas for the white space on either end?

    Andrea

    Edit the styles.css file. Look for this section. I’d take out the padding line. You can edit the file from the Dashboard>Apperance>Editor 

    #header {
position: relative;
text-align: center;
height: auto;
padding: 75px 0 45px;
border-bottom: solid 1px #ccc;
}
    Thread Starter andykoko

    (@andykoko)

    Hi Radices, I went to Dashboard>appearance>editor and enabled editing.
    This message is typed in the text:

    “DO NOT EDIT THIS FILE.
    If you need to overwrite the CSS styling, create a new custom_style.css
    in the theme folder and it will automatically load in the <head>.”

    So am I really supposed to change it? The message still appeared when on the top right of the page I followed: select theme to edit>Themify Base>select>styles>stylesheet (style.css).

    I did find the part you are referring to above, I was just hesitant to change it. Also, when you say to take out the padding line, do you mean delete the whole line like this?

    #header {
    position: relative;
    text-align: center;
    height: auto;
    border-bottom: solid 1px #ccc;
    }

    Thanks! Andrea

    Hi Andrea!

    Absolutely – you should not edit the file via the editor – otherwise your changes will be wiped out the next time there is an update to the theme.

    To make changes to the code (for css and php files) it is recommended to use a child theme – you can find out how to to that here.

    However – if you simply want to alter the appearance (styles.css) like in the above example, there is another, easier way! You install the Jetpack plugin and activate the Custom CSS module. Then you can make all your custom CSS changes in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS – safely – without worrying about these being wiped out during the next upgrade.

    It seems that the Theme author has given you the ability to create a custom CSS file that will be loaded custom_style.css and that’s great. You can cut and paste the section to the new file and make your changes there. Please note that CSS will use the last entry if finds for a given element. In other words it sees the #header in the styles.css file first and then sees it later in the custom_style.css it uses the last settings. That is if something is not using the keyword !important. That makes it stick no matter what it sees later unless you also use the !important tag.

    The issue everyone is worried about is that if you edit the styles.css directly then IF and WHEN you do an update to the theme that file will get overwritten and your changes will be lost. I don’t think its a big deal if you are changing one or two things and in fact think its good practice for newbees to have to do it over. If your doing a lot of changes throughout the whole site then it makes perfect sense to preserve them using one of the methods above.

    The question about the padding … yes you can delete the whole line or just play with the values. Do you know how to use a component inspector (Chrome) or FireBug (FireFox)in your browser?

    Thread Starter andykoko

    (@andykoko)

    Hi Redrambles, I tried that and it seemed to work! Thanks very much for all your help!

    Radices, I don’t know how to use a component inspectors or FireBug.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘linking header to homepage’ is closed to new replies.