Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 20, 2019 at 7:32 am #1129145
    jp

    Hallo,
    ich wollte mit einer Button-Zeile Links auf andere Seiten setzen (quasi ein eigenes Menue). Leider funktionieren die Links nicht und ich kann in der Button-Zeile auch nicht erkennen, dass es sich um Links handelt.
    Die Logindaten übersende ich anbei.

    Viele Grüße
    Jürgen

    August 21, 2019 at 5:20 am #1129417
    Ismael

    Hey jp,

    Vielen Dank, dass Sie Enfold verwenden.

    Wo haben Sie der Button-Zeile Element hinzugefügt? Wir konnen es nicht auf der Seite finden.

    Best regards,
    Ismael

    August 21, 2019 at 8:45 am #1129489
    jp

    Hallo Ismael,

    auf der Seite ist oben rechts ein Menue, (Start Über mich… Gratis Blog) das ich mit der Button Leiste umsetzen möchte..

    Viele Grüße
    Jürgen

    August 21, 2019 at 5:21 pm #1129641
    Victoria

    Hi Jürgen,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    August 21, 2019 at 5:46 pm #1129662
    jp

    Hi,

    my intention is to use the button-row as a menue for a landingpage instead of the normal main menu. – As you can see the entered links in the buttom-row don’t show up as links and the hyperlinks are not working at all.

    Best Regards
    Jürgen

    August 22, 2019 at 6:59 am #1129865
    Mike

    Hi,
    I took a look at your landing page and found that the hr above your button row has a negative margin which is covering the button row, and the content section below your button row is also covering your buttons. This is why you can not click the buttons, so to correct we can use this css to lower the z-index:

    #top.page-id-673 hr.el_before_av_buttonrow,#top.page-id-673 #after_section_1 {
	z-index: 0 !important; 
}

    Now I see that your buttons have a white background so they don’t show, did you want to have a hover effect for the styling of the buttons?

    Best regards,
    Mike

    August 22, 2019 at 8:00 am #1129869
    jp

    Hello Mike,

    I added the code in the custom css but it doesn’t have any effect. Please advise kindly.

    In addition having a hovering effect would be great.

    Kind Regards
    Jürgen

    August 22, 2019 at 8:40 am #1129875
    Mike

    Hi,
    I see that you have added the css because it is working for me, please clear your browser cache and check.

    For a background-color hover effect, please try this css:

    #top.page-id-673 .avia-buttonrow-wrap a:hover {
	    background-color: red !important; 
}

    Or to have the button text change on hover, try this css:

    #top.page-id-673 .avia-buttonrow-wrap a:hover {
	    color: red !important; 
}

    Please adjust the colors to suit, and then clear your browser cache and check.

    Best regards,
    Mike

    August 22, 2019 at 3:43 pm #1130003
    jp

    Hi,

    thanks … this approach is working fine.

    Just one final question: is it possible to include more page_ids in one css statement (e.g. #top.page-id-673, 674 …)?

    Kind Regards
    Jürgen

    August 22, 2019 at 8:54 pm #1130104
    Victoria

    HiJürgen,

    Yes, of course. You can do it like so:

    
#top.page-id-673 .avia-buttonrow-wrap a:hover,
#top.page-id-674 .avia-buttonrow-wrap a:hover {
	    color: red !important; 
}

    Best regards,
    Victoria

    August 29, 2019 at 8:15 am #1131808
    jp

    Hi,

    meine Antwort erfolgt leider etwas verspätet. Alles klappt prima – herzlichend Dank für den guten Support!

    Viele Grüße
    Jürgen

    August 29, 2019 at 4:21 pm #1131959
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Button-Zeile: Link funktioniert nicht’ is closed to new replies.