Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 16, 2023 at 8:25 am #1422621
    markmade

    Hello,
    I have 2 questions:

    1. How can I insert an individual image in front of a button (see image)? I have the image as an SVG file.
    2. In a button row, can I also arrange the buttons one below the other and left-aligned? How about placing an individual image in front of the text?
    The question is, can I create a menu like this using individual buttons or a button line?

    Menue

    https://staging.bsz-campus.de/kinderpflege-ausbildung/

    October 17, 2023 at 5:21 am #1422744
    Ismael

    Hey Markus,

    Thank you for the inquiry.

    You can use the Navigation Menu widget to create a custom menu. In the Appearance > Widgets panel, create a new widget area, add the navigation widget, then insert it in any of your pages using the Content Elements > Widget Area element.

    To add the arrow, you can use the following css code.

    #top .widget_nav_menu li:before {
    content: "--->";
    float: left;
    margin-right: 8px;
    top: 4px;
    position: relative;
    left: 0;
}

    Just replace the content value with the image URL.

    #top .widget_nav_menu li:before {
    content: url(image.jpg);
    float: left;
    margin-right: 8px;
    top: 4px;
    position: relative;
    left: 0;
}

    Best regards,
    Ismael

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