Forums

WordPress › Support » How-To and Troubleshooting

[resolved] Only half of my header image acts as a link (7 posts)

  1. blackmajik2021
    Member
    Posted 2 years ago #

    I cant seem to figure out the problem to this problem. It's very odd. I'm using the constructor theme. It has an option for a custom header but no options about making it a link. if there is a way to do it with CSS please let me know.

    thank you

    heres my blog for reference

  2. jonimueller
    Member
    Posted 2 years ago #

    Hmm. I have my headers called via CSS usually. Then whatever containing division they are in, and for this example, we are assuming <div id="banner">, put this code in your header.php file:

    <div id="banner" onclick="window.location.href='http://yourdomain.com/'" style="cursor: pointer;"></div>

    HTH.

  3. blackmajik2021
    Member
    Posted 2 years ago #

    hm, it didnt do anything, where do i put it in the header.php file?

    <?php
/**
 * @package WordPress
 * @subpackage Constructor
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php wp_title('&raquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php wp_head(); ?>
</head>
<body <?php body_class(get_constructor_category_class()); ?>>

<div id="body">
   <div id="wrapheader" class="wrapper">
       <div id="header">
            <?php get_constructor_menu()  ?>
            <div class="logo">
                <h1><a href="<?php echo get_option('home'); ?>/" title="<?php bloginfo('name'); echo " &raquo; "; bloginfo('description');?>"><?php bloginfo('name'); ?></a></h1>
                <h2><?php bloginfo('description');?></h2>
            </div>
       </div>
   </div>

   <div id="wrapcontent" class="wrapper">
       <?php get_constructor_slideshow() ?>
       <div id="content" class="box shadow opacity">

  4. blackmajik2021
    Member
    Posted 2 years ago #

    Do you know a way to do it without editing the header.php?

  5. azzimuth
    Member
    Posted 2 years ago #

    My guess you should edit your CSS file, specifically "logo" class. If you have Google Chrome, you can use its Inspect Element feature to see the current dimensions of the layer on top of the image and try to fit that layer's dimension to image's. Hope that helps

  6. blackmajik2021
    Member
    Posted 2 years ago #

    I'm using the inspect element feature. Its a great tool, thanks for the tip, but there are no dimension specifications inside the CSS code for the header, which is why im having a tough time.

  7. blackmajik2021
    Member
    Posted 2 years ago #

    i fixed it by making the invisible text under the header larger, it is the text that is the link not the image.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags