How to Change URL that Header Image Links to in Serenity Theme

Community Forums Forums Design Tips and Tricks How to Change URL that Header Image Links to in Serenity Theme

This topic is: not resolved

Tagged: 

This topic contains 4 replies, has 2 voices, and was last updated by  Carla 1 year, 5 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #31394

    Carla
    Participant
    Post count: 15

    Hi,

    I want to change my background header image and include an “join my mailing list” image that links to a page where users can sign up for my newsletter. It seems like there should be an obvious answer to this question, but I have spent hours trying to figure out how to change the URL that my header image links to. It currently directs viewers back to my home page: http://drcarla.com/home/

    If anyone can help, that would be awesome. I am also wondering if it’s possible to actually embed the newsletter sign up code directly into the header. I tried to do this in 2011 and posted about it on the forum, but I can’t find the old threads.

    Thanks!

    #31485

    Anita
    Participant
    Post count: 7565

    What you could do is, create the header leaving a space on the right to utilize the Header Right Widget area which is approximately 468 x80 but you can change that if you need to. Look at the demo – http://demo.studiopress.com/serenity/. See all the space next to the Serenity name/logo on the right – if you activate the Header Right Widget area, it will show up there. Or you can reposition the widget using your CSS. If you need more help, let me know.


    When asking for help, please provide a link or screen shot showing your problem!
    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me!

    #31602

    Carla
    Participant
    Post count: 15

    I redesigned my header after asking this question. Do you have any ideas about how I could make this work with the following header?: http://drcarla.com/images/New%20Headers-Tall.png 

    1) How can I turn the entire header or a clickable area (the hot pink section at the bottom) into the URL that directs to my mailing list sign up form? Can I reposition the right header and move it to the bottom? If so, will the widget overlap on top of the image?

    Could I insert an invisible image in that area and link it to my desired URL? If so, would the rest of the image (not in the widget part) still link to my home page?

    2) How can I reposition the right widget so that it shows up in the hot pink area of my header at the bottom so I can insert a form where they can enter their name and email address directly into the header?

    #31612

    Anita
    Participant
    Post count: 7565

    Without the header actually being in position on the site, I can’t help with the CSS. I can use Firebug and pinpoint where everything is at. But it doesn’t look like the new full header is in place. The header right widget can be repositioned via CSS.


    When asking for help, please provide a link or screen shot showing your problem!
    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me!

    #31674

    Carla
    Participant
    Post count: 15

    okay, I will play around with this in a few days and be back with questions….

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

You must be logged in to reply to this topic.