• I cant make my blog title clickable. Can you please have a look and help me fix it.

    the site is https://bit.ly/WdvbnW

    I insert my logo as a background picture #site-title div.

    Then on the html part i use another blank img png on it with the .site-title-cover class to make it clickable. But no luck.

    <h1 id="site-title"><span><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home" accesskey="1"><img class="site-title-cover" src="/image/bos.png" /></a></span>
    	</h1>
    #site-title {
    	font-size: 3em;
    	font-weight: bold;
    	padding: 0px 40px 0;
    	width:234px;
    	height:87px;
    	background-image:url(image/logo-2.png);
    	background-repeat:no-repeat;
    	margin-left:0px;
    	margin-top:40px;
    	text-indent:-9999px;
    	}
    
    #site-title a,
    
    .site-title-cover {width:234px; height:87px;}
    
    #site-title a:hover {
    	text-decoration: underline;
    	}
Viewing 2 replies - 1 through 2 (of 2 total)
  • right now, the modifications do not seem to be in your site;

    please add the code to your site so somebobdy can check the output.

    also consider to use an absolute image url;

    example:
    <img class="site-title-cover" src="<?php echo get_stylesheet_directory_uri(); ?>/image/bos.png" />

    Thread Starter burakbbb

    (@burakbbb)

    hi alchymyth,

    sorry i was also working on localhost. I applied the same codes to the website.

    this is the html bit on the current site

    <h1 id="site-title"><span><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home" accesskey="1"><img class="site-title-cover" src="image/bos.png" /></a></span>
    </h1>

    and this is the css bit;

    #site-title {
    	font-size: 3em;
    	font-weight: bold;
    	padding: 0px 40px 0;
    	width:200px;
    	height:65px;
    	background-image:url(image/esenkitap_text.png);
    	background-repeat:no-repeat;
    	margin-left:40px;
    	text-indent:-9999px;
    	z-index:1;
    	}
    
    .site-title-cover {width:200px; height:65px; z-index:100;}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Clickable img title’ is closed to new replies.