• Resolved kanote

    (@ryniek)


    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

    View post on imgur.com

    and ‘404’ link box model

    View post on imgur.com

    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:

    View post on imgur.com

    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?

Viewing 1 replies (of 1 total)
  • Thread Starter kanote

    (@ryniek)

    I’ve found info that fonts got their own padding that grows bigger the bigger font is and that can’t edited, so this sh!tty behaviour is normal o0

    Solution i’ve made: used image instead of font. Thanks

Viewing 1 replies (of 1 total)
  • The topic ‘Change the big link clickable area’ is closed to new replies.