WordPress.org

Ready to get started?Download WordPress

Forums

Asteroid
[resolved] Home Link For Header When Image Only (23 posts)

  1. lenwbrown
    Member
    Posted 1 year ago #

    Love the theme and the Asteroid Options are really terrific! I do have an issue with regard to the use of an image-only for the header. I noticed that when this is the case, and no header text is displayed, the image itself does not contain a link to the home url.

    It's standard practice to allow the visitor to instantly navigate to the root of the site by clicking the header image and/or text.

    Before I manually modify the code to the Asteroid theme I thought I'd mention that it would be a wonderful addition to have the image linked to the home of the site should the image be all that is displayed.

    Maybe in a future update? ;)

    Many thanks for a really simple and useful design. :)

  2. ronangelo
    Member
    Theme Author

    Posted 1 year ago #

    Thanks for trying out the theme.

    Love the theme and the Asteroid Options are really terrific! I do have an issue with regard to the use of an image-only for the header. I noticed that when this is the case, and no header text is displayed, the image itself does not contain a link to the home url.

    It's standard practice to allow the visitor to instantly navigate to the root of the site by clicking the header image and/or text.

    It's true the entire header does not link to the homepage. I thought it would be redundant since either the Text(site-title) and the Logo are already linked. And usually users choose between those two. I have have seen a site that uses a wide image for the logo instead so it covers the entire header and is still linked to the homepage.
    Update? Do you think it should be added?

  3. lenwbrown
    Member
    Posted 1 year ago #

    I have a temporary mockup of this issue. I am using only an image for the header, and as it stands with the theme left at default, there is no way for me to direct the visitor to "home" unless I add a link to the menu. Clicking the header image does nothing, leaving the visitor unable to access the root of my site unless I specifically give them a link elsewhere to do so.

    Thanks again!

  4. ronangelo
    Member
    Theme Author

    Posted 1 year ago #

    If you'd really like to link the entire header there are two options I can think of.

    a. Add a child-theme and edit the header to manually add the link.
    b. Upload an image 960x120(or whatever dimensions you are using) into the theme's logo option.

    the second option is much more easier.

  5. lenwbrown
    Member
    Posted 1 year ago #

    Now, why had I not thought of that? The second option worked perfectly. I simply modified the url the image was given to the home url of my site.

    Works perfectly!

    Again, thanks!!!

  6. tylercook10811
    Member
    Posted 8 months ago #

    Sorry but could you explain how to do this better? I am new and am having the same issue!

  7. lenwbrown
    Member
    Posted 8 months ago #

    tylercook10811,

    When an image is used for the header/title of the site you have the option of hyperlinking that image. So I used an image and then made the hyperlink the address of my site's homepage. So now no matter where you are on the site, simply clicking the title at the top will instantly take you to the front page of the site.

  8. tylercook10811
    Member
    Posted 8 months ago #

    Can you instruct me as to the location of the hyperlink option please?

  9. tylercook10811
    Member
    Posted 8 months ago #

    I looked under the header tab where I uploaded my header but I don't see the hyperlink section

  10. lenwbrown
    Member
    Posted 8 months ago #

    When you click "upload" a shadowbox appears where you can drag-n-drop an image to use as the logo. When you do that a new screen appears that allows you to set the image attributes, including a link-to url, which you can type there the homepage of your site.

  11. tylercook10811
    Member
    Posted 8 months ago #

    ok great thanks. Another issue you may be able to help me with... The image I use for the header is made into two copies of the image sidebyside. Only the left side is allowed to be clicked to send the website visitor home. Any idea on how to fix. Here's the site for further illustration. http://www.freeexpertpicks.net

  12. lenwbrown
    Member
    Posted 8 months ago #

    It looks like you set it to tile (repeat) the image rather than centering a single image. The hyperlink only works on the first image while the second one is just a static image.

  13. tylercook10811
    Member
    Posted 8 months ago #

    I only know how to change the background to tile etc. How can I change the header?

  14. lenwbrown
    Member
    Posted 8 months ago #

    Edit, to make clearer.

    When viewing the code for the homepage using Chrome (right-click header image and select inspect element) there is a header and header-info-wrap declaration.

    When selecting the line that says header I see both images are highlighted. But when selecting the line with header-info-wrap then only the first image is highlighted. You might try removing one of those (don't forget to remove the trailing <div> tag too.

    Edit #2: It appears that what is happening is both header and header-info-wrap are each displaying an image. I'd remove the header one. I bet that is what the issue is. Because it's not a header tag, like <header> but rather a css class called header, and that may be where the double display of the header image is coming from.

  15. tylercook10811
    Member
    Posted 8 months ago #

    I removed the header but the logo isn't centered now. Even though I selected center when I edited the logo... any ideas?

  16. lenwbrown
    Member
    Posted 8 months ago #

    I now remember when I first used the theme I had that problem. Go into the style.css in the theme folder and find #header-info-wrap and modify that line to look like this:

    #header-info-wrap {text-align: center;}

    Edit: Even though it says text-align, it will center the image you are using for the header.

  17. tylercook10811
    Member
    Posted 8 months ago #

    thank you for all your help so far! It says "float' and whenever I adjust the float it does move the picture but the only options are left or right. (no center). I just put in the code for text align and the image didn't move any...

  18. lenwbrown
    Member
    Posted 8 months ago #

    Well darn. I'm trying to figure out where the conflict is. Not sure just how familiar with HTML you are, but CSS stands for cascading style sheets. That means some elements can be ignored if another declarion of that element is present in a cascading fashion.

    Basically, there may be CSS code somewhere else that is forcing the header to stay to the left even though in the style.css you say to center it.

    Hmmm, I just thought of something. When you uploaded the image, did you click the dot next to center for the image to be centered? If all you did was add the url hyperlink, go back and check because the default for the image is to hang to the left and I believe that overrides the style.css...

  19. tylercook10811
    Member
    Posted 8 months ago #

    No I have it on center. I know how to look at the code and find basic functions like color font an size but thats about it.

  20. lenwbrown
    Member
    Posted 8 months ago #

    Same here. :)

    Listen, I contacted the author of this theme RonAngelo, and he was extremely helpful. In fact (not saying he will do this now) but I paid him to completely customize my site.

    I do recall I was having a number of centering issues and was pleased he was more than willing to put together what I needed to make my site work correctly. I've since made all kinds of additional changes (it's the best way to learn HTML/CSS, right? :)

    My site was going big over the summer but I took it down for a few months. My site is back up now with a scheduled "new opening" on December 1.

    Here's my site: http://www.lenwbrown.org

  21. tylercook10811
    Member
    Posted 8 months ago #

    Your site is great man! I hope mine looks as good as yours when it is finished! Can you tell me how to contact him? Also do you have any other idea as to why the header won't go in the middle on left or right? Also if you have any tips I would love to hear them.

  22. WPyogi
    Volunteer Moderator
    Posted 8 months ago #

    @tylercook10811 - post a new thread on this forum and Ron will likely respond. click here:

    http://wordpress.org/support/theme/asteroid#postform

    Posting in outdated threads that are marked resolved really isn't the best way to use these forums - see:

    http://codex.wordpress.org/Forum_Welcome#Where_To_Post

  23. lenwbrown
    Member
    Posted 8 months ago #

    Ditto @ WPyogi.

    tylercook10811, you can also head over to his site @ http://ronangelo.com/

    Glad I could offer some assistance.

    - Len

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic