Make a border whene hovering ofer mega menu

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

Hello,

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

Best Regards

hello
ok see information below

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.

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

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

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 ?

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

many thanks
you did the job right 🙂

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

Best regards

[Author]

Posts