home icon menu remove border box

  • Resolved betumayo

    (@betumayo)


    8 years, 3 months ago

    Hi, i create some image menu with uploaded images. i managed to make the box arround it transparent also the hover box with some css. BUT, is there a way to remove the box because even if its transparent the image dosnt get the full size because the box is still there. i would like the image to get the full box size.

    this is the css i used
    .home-iconmenu a {
    background-color: transparent;
    }

    .home-iconmenu a:hover {
    background: transparent;
    }

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

  • Hey,

    Can you post a link to your site so I can see how it’s currently displaying?

    Thanks,
    Kevin

    Thread Starter betumayo

    (@betumayo)

    the site is ponponi.co.il
    it looks fine but a feel theres a lot of spacing between the icun buttons because of the border box

    Try adding this CSS and let me know if it works for you!

    .home-iconmenu a {
    padding: 0;
}

    -Kevin

    For some reason I’m having a difficult time posting here, so hopefully it will work this time. Try this:

    .home-iconmenu a {
    padding: 0;
}

    -Kevin

    Thread Starter betumayo

    (@betumayo)

    thanks that worked!! now the images look full size.
    i have another question. do you think i can asign an image as hover? i mean i creat the same image but with the blue part in pink to be viewed when i step over with the mouse. how can i asign a hover image to each one of the buttons is it possible with css?

    I’m having a difficult time getting the color overlay, but in the meantime, you can add this:

    .home-iconmenu a img:hover {
    opacity: .5;
}

    I’ll get back to trying to add the color and let you know if I come up with anything!

    -Kevin

    Thread Starter betumayo

    (@betumayo)

    Hi thanks!!!
    i dont want to add color i just meant i want to upload a different image as hover. i change the color of a specific part of the image with potoshop so it would be a different image.
    anyway the opacity css looks pretty good so i’ll use it right now until i can find the way to do the other thing! thanks a lot!! you’re awesome!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘home icon menu remove border box’ is closed to new replies.