Home › Forums › WoodMart support forum › Make a border whene hovering ofer mega menu

Make a border whene hovering ofer mega menu

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 20, 2018 at 8:35 am #53513

    joker44
    Participant

    Hello
    Is it possible to make a border affect whene hovering over mega menu photo
    Please see the link
    Note : i add that border by using paint progtam just to give you an idea of what i need.

    http://www.m5zn.com/newuploads/2018/04/19/jpg//4287e2e3440bd46.jpg

    April 20, 2018 at 9:56 am #53550

    Elise Noromit
    Member

    Hello,

    Please provide your site admin access. Your site is closed and I cannot generate CSS.

    Best Regards

    April 21, 2018 at 2:10 pm #53719

    joker44
    Participant

    hello
    ok see information below

    April 21, 2018 at 5:52 pm #53750

    Elise Noromit
    Member

    Hello,

    When I try to login using login url you have provided I am redirected to the maintenance page.

    Please check your links and access.

    April 21, 2018 at 11:13 pm #53772

    joker44
    Participant

    really sorry about that ,,
    sure try now and you can login

    April 22, 2018 at 9:41 am #53785

    Elise Noromit
    Member

    Hello,

    1/ You have different menu items view, width and content that is why one CSS code would not solve the problem. For example http://prntscr.com/j8ijaf it does not look like nice. http://prntscr.com/j8ijg1

    The way out is to enter each HTML code and try to set the border inside the columns in the places where is nice and necessary.

    1/ Enter HTML block, choose the mega menu and edit each column http://prntscr.com/j8ik5y and http://prntscr.com/j8ikm6

    Best Regards

    April 22, 2018 at 12:34 pm #53811

    joker44
    Participant

    thanks Elise Noromit

    its ok to do that from htm blocks < the only problem is how i make it appear on hovering over only . and not be constantly there ?

    April 22, 2018 at 2:04 pm #53823

    Elise Noromit
    Member

    Hello,

    1/ Enter the HTML block and enter List element http://prntscr.com/j8krh8

    2/ Insert the class: http://prntscr.com/j8ks7l

    3/ Add this CSS to Theme Settings > Custom CSS 

    .borderonhover:hover{
    border:1px solid #000000;
}

    Replace the #000000 with the color you want. All the blocks which have class borderonhover will get the border on hover.

    Best Regards

    April 22, 2018 at 8:31 pm #53879

    joker44
    Participant

    many thanks
    you did the job right 🙂

    April 23, 2018 at 6:27 am #53901

    Elise Noromit
    Member

    You are welcome! If you have any questions feel free to contact us.

    Best regards

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Make a border whene hovering ofer mega menu’ is closed to new replies.