Jump to content
Sign in to follow this  
freshlydesigned

Make header jpeg link to email instead of root

Recommended Posts

freshlydesigned

Hi there, I have a header jpeg that includes an email address in the image (I know, ugly but heyho, can't figure out hooks) and I want the link to go to a mailto: link instead of back to the homepage. Is this possible and where can I do it? Thanks www.boconnoc.com

Share this post


Link to post
Share on other sites
Danny
Hi, You could try adding this to your chils themes functions.php file and then edit your header image to only include your name/logo. Add the below code to your functions.php file located in "/wp-content/themes/platformbase/", add this code to the bottom of the file. [code] // ADDS CONTACT DETAILS TO BRANDING ------- // add_action('pagelines_branding_icons_end', 'boconnoc_mail'); function boconnoc_mail(){ ?>
Telephone: 01208 872507
Email: [email protected]
Custom Code --> CSS Rules: [code] .boconnoc_mail { bottom: -10px; font-size: 85%; line-height: 1.5em; position: absolute; right: 1px; text-align: right; width: 250px; } [/code] Give that try and let me know if it works.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
freshlydesigned
Danny I salute you!! Excellent, thanks a million man.

Share this post


Link to post
Share on other sites
Danny
No problem, happy to help! I actually checked your site to see the end result and I noticed that the contact number wasnt correctly aligned with the email address. The reason for this is you have set the text aligned to right. Now you if you want to do a little test, I think you may prefer the out come. Replace the CSS I gave you above with this below: [code] .boconnoc_mail { bottom: 3px; font-size: 85%; line-height: 1.5em; padding-right: 70px; position: absolute; right: 1px; text-align: left; width: 150px; } [/code] Also the site itself, looks amazing.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
freshlydesigned
Actually I like the fact it aligns right with the fact the social icons are there, but thanks anyway!

Share this post


Link to post
Share on other sites
freshlydesigned
Hi Danny, Just realised I have a bot of a problem as now the social media icons on the right are not clickable or getting to their hover state, can you help? thanks jamie

Share this post


Link to post
Share on other sites
freshlydesigned
it's ok I've fixed this using margin in the CSS instead of padding. Cheers :-)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×