Link field expansion when having disabled roundish effect

  • Resolved rasmusteen

    (@rasmusteen)


    10 years, 11 months ago

    Hi, I’m as new as they come when, it comes to CSS.

    I’ve tried:
    .home .round-div{border:none;}

    Which disables the roundish effect to the 3 featured pages.

    but a (70px x 70px) small a.round div box appears in the top left corner. This is the link field so to speak.

    My question is: I would like to adjust this field, so that it covers the whole picture/illustration and thereby links to the page all over the pic/ill and not just in the top left corner on each pic/ill.

    Go to rsrdesign.dk if you need to know what I’m talking about and hover the mouse over my 3 featured pages.

    Thx in advance ??

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try this:

    .home .round-div {
  border: medium none;
  border-radius: 900px;
  display: block;
  height: 170px;
  position: absolute;
  left: 0px;
  top: 0px;
  transition: all 0.3s ease 0s;
  width: 270px;
  height: 250px;
  z-index: 99;
}

    Thread Starter rasmusteen

    (@rasmusteen)

    Absolutely beautiful! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Link field expansion when having disabled roundish effect’ is closed to new replies.