Change the big link clickable area
-
I’ve got this ‘404’ link code in HTML:
<div class="fourofour"><a href="<?php echo get_option('home'); ?>">404</a></div>
and style for that in style.css file:
‘.error_page .fourofour
{
float: right;
margin: 0 200px 0 0;
width: 720px;
height: 555px;
}.error_page .fourofour a
{
position: absolute;
font-size: 550px;
color: #FF9900 !important;
text-decoration: none;
font-weight: bold;
}’And how does this box model looks visually?
Here it is:
The .fourfour box model
and ‘404’ link box model
And what’s the problem? I can’t change the box model height – precisely, the ‘404’ link clickable area – to be smaller, closer to the number, so like this:
I’ve tried with link’s top padding but it didn’t helped – this change had no influence on box model. Also setting link’s smaller height it made the bottom part of box get shrinked but top part was still too high. I’ve searched through google and found only tips how to increase links clickable area – have to set display: block; . I’ve tried with setting display: inline; or display: inline-block; but this height couldn’t been shrinked.
Can someone suggest idea?
- The topic ‘Change the big link clickable area’ is closed to new replies.