Image frame in panel

  • Resolved msdesignfoto

    (@msdesignfoto)


    4 years ago

    Hello

    I’m setting up a menu with images for link to photo and video pages, but as soon as I created the first link in one of the images, it got a huge thick white frame around it. The others without a link don’t have that frame.

    How can I remove this frame? Or set its weight to 0 or 1 px? Right now its actually HUGE…. Its the 2nd image on the Video menu.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi msdesignfoto,

    If you use browser tools to inspect the image within the menu, you’ll see if it picking up some residual styling from your theme menu system. To reset it, please go to Appearance > Customize > Additional CSS and add the following:

    .onepress-menu ul li a {
  padding: 0;
}

    Regards,
    Tom

    Thread Starter msdesignfoto

    (@msdesignfoto)

    Hello Tom

    That worked great, but I can still see a slight line on the top of the image. Maybe there is something more creating an outline / frame on it?

    Cheers

    Plugin Author megamenu

    (@megamenu)

    Hi msdesignfoto,

    Please try changing the CSS to this instead:

    .onepress-menu ul li a {
  padding: 0;
  border: 0;
}

    Regards,
    Tom

    Thread Starter msdesignfoto

    (@msdesignfoto)

    Great. That solved it.

    Many thanks!

    Thread Starter msdesignfoto

    (@msdesignfoto)

    Hello again.

    I’m sorry to bring this up again, but I just noticed that in mobile, the menu has that same huge frame around the images with a link. It got fixed when viewed in the desktop, but the code didn’t change the mobile view.

    Cheers

    Thread Starter msdesignfoto

    (@msdesignfoto)

    Update:

    I added a link to another image placed in another menu, but now that one has a large white block on the right side – viewing in desktop.

    Its not a frame around the image, its only a white bar on the right side. In mobile, it appears like the others, as a thick white frame.

    Link with screenshot:
    Image with white block on the right side

    Thanks for the help

    • This reply was modified 4 years ago by msdesignfoto. Reason: note
    Thread Starter msdesignfoto

    (@msdesignfoto)

    Can anyone help with this?
    Altough the thread is marked as solved, it is NOT.

    When viewing in mobile, the menus with images display a very thick frame around the images. This is very ugly and custom css doesn’t seem able to fix it.

    Screenshot here

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Image frame in panel’ is closed to new replies.