• Plans & Pricing
  • Log in
  • Get started
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress 
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Get started
  • Sign up
  • Log in
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress  
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Jetpack App
  • Learn more
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Search
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Forums / Linking portion of header image to somewhere other than homepage

Linking portion of header image to somewhere other than homepage

  • Unknown's avatar
    sicknissified · Member · May 25, 2021 at 5:17 pm
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hello, my website (tobychristie.com) runs with the Carmack theme.

    As you can see the header currently is the logo for the website, but we have a presenting sponsor that is about to go into effect in the next week or so, and I was wondering if I uploaded a header logo image that was our website logo on the left half of the header image and the presenting sponsor logo on the right side, can we link the presenting sponsor half of the image to their website?

    I know there is a way to have a transparent png that you can link and move to the header image, but is it possible to do that with one that is half the width of the header image? And if so, what would be the specific CSS coding needed for my theme?

    Thanks so much in advance!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    sicknissified · Member · May 25, 2021 at 8:13 pm
    • Copy link Copy link

    Here is what the new header logo image will look like:

    I am attempting to have a transparent png that is linked to the sponsor (Ryno.co) on only the right side of the image. I would like the website logo portion of the header image to still link back to the homepage.

  • Unknown's avatar
    sicknissified · Member · May 25, 2021 at 9:25 pm
    • Copy link Copy link

    I also already have the transparent png file in the custom html widget at the top of the right sidebar of the site. Just need to know if it’s possible to move that image where it covers the right side of the header image.

  • Unknown's avatar
    fstat · Staff · May 26, 2021 at 9:35 am
    • Copy link Copy link

    Hi there,

    The modification you want would involve modifying both the HTML and PHP code for that theme. It’s not possible with the use of CSS.

    You would need to create a child theme before proceeding. Instructions on how to do that can be found here:

    https://wordpress.com/support/themes/uploading-setting-up-custom-themes/child-themes/

    If you want further assistance with those modifications I recommend hiring a developer. You can find more information here:

    https://wordpress.com/support/working-with-a-developer/

  • The topic ‘Linking portion of header image to somewhere other than homepage’ is closed to new replies.

Tags

  • business
  • CSS
  • Header image
  • header logo

About this topic

  • In: CSS Customization
  • 2 participants
  • 3 replies
  • Last activity 5 years
  • Latest reply from sicknissified

Couldn't find what you needed?

Contact us

Contact us

Get answers from our AI assistant, with access to 24/7 expert human support on paid plans.

Browse our guides

Browse our guides

Find step-by-step solutions to common questions in our comprehensive guides.

WordPress.com

Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Professional Email
  • Website Design Services
  • WordPress Studio
  • Enterprise WordPress
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • WordPress.com Blog
  • Business Name Generator
  • Logo Maker
  • WordPress.com Reader
  • Accessibility
  • Remove Subscriptions
Help
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
  • Developer Resources
Company
  • About
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users
DeutschEspañolFrançaisBahasa IndonesiaItalianoNederlandsPortuguês do BrasilSvenskaTürkçeРусскийالعربيةעִבְרִית日本語한국어简体中文繁體中文English

Mobile Apps

  • Download on the App Store
  • Get it on Google Play

Social Media

  • WordPress.com on Facebook
  • WordPress.com on X (Twitter)
  • WordPress.com on Instagram
  • WordPress.com on YouTube

Automattic

Automattic
Work With Us
    • WordPress.com Forums
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions