Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 29, 2018 at 3:52 pm #1038981
    P3T3R_0ne

    Hi support,

    My socket has a background image, so it has to have no border. The socket also has a footer menu and for that there is no separator displayed. I guess this is because the socket settings are set to no border.
    So, how can I display the socket menu separators without having a general socket border?

    Thank you for the help.

    November 29, 2018 at 5:48 pm #1039066
    Jordan Shannon

    Hey P3T3R_0ne,

    You want a separator to the left of “Datenschutz”?

    Best regards,
    Jordan Shannon

    November 30, 2018 at 2:12 pm #1039302
    P3T3R_0ne

    Hi Jordan,

    I want a separator between each menu point of that socket menu. In this case, I want a separator between “Datenschutz” and “Kontakt”.

    November 30, 2018 at 6:57 pm #1039403
    Jordan Shannon

    Hi,

    Add this to quick css:

    #avia3-menu a .avia-menu-text{
border-right: 1px solid!important;
padding-right: 20px!important ;
}

#avia3-menu a .avia-menu-text:last-child{
border-right: none!important
}

    Best regards,
    Jordan Shannon

    December 6, 2018 at 8:27 pm #1041825
    P3T3R_0ne

    Hi,

    thank you for helping out.

    It almost works. However, the border to the right of the last link “Kontakt” stays visible. This should not be visible.
    I have recognized an error in your suggested css. It is missing the semicolon in the end. However, even after correcting the error the border is still visible.

    Do you have any other idea?

    December 6, 2018 at 8:33 pm #1041827
    Yigit

    Hi!

    Please add following code to Quick CSS as well

     #avia3-menu li:last-child a .avia-menu-text {
    border-right: none!important;
}

    Cheers!
    Yigit

    December 10, 2018 at 2:38 pm #1043097
    P3T3R_0ne

    Hi,

    this works. Thank you very much.

    How do I find out about those special css selectors like . avia-menu-text?

    December 10, 2018 at 5:48 pm #1043208
    Yigit

    Hi,

    You are welcome!

    Please refer to this post – https://developers.google.com/web/tools/chrome-devtools/inspect-styles/ :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.