Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 25, 2022 at 11:42 am #1352907
    ellamac

    Hi there,
    I am wondering if there is any way to add two buttons to the header area? I have the logo placement on the left with the menu underneath and would like to have two buttons to the right of the logo.
    Any help would be greatly appreciated!

    May 25, 2022 at 12:40 pm #1352912
    Ismael

    Hey Suze,

    Thank you for the inquiry.

    It is possible to add a widget or an additional element inside the header container using template hooks or by modifying the template files directly. Please check the following documentation for more info.

    // https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

    Best regards,
    Ismael

    May 29, 2022 at 7:41 am #1353314
    ellamac

    Thank you Ismael – I’ve surprised myself and actually managed to do this! Yay.

    I’m just having a few problems with styling one of the buttons and adding padding.
    Are you able to help with some code to add padding between the two buttons, and style the blue button as a blue border with white background?

    The header widget code for the buttons I’m using is:

    [av_buttonrow alignment='right' button_spacing='0' button_spacing_unit='px' av_uid='av-jjvcu1ht' admin_preview_bg='']
    [av_buttonrow_item label='MEMBERS LOGIN' link='manually,https://' link_target='' size='large' label_display='' icon_select='no' icon='4' font='entypo-fontello' color='theme-color custom_bg='#ffffff' custom_font='#ffffff' av_uid='av-5gitv0']
    [av_buttonrow_item label='JOIN NOW' link='manually,https://' link_target='' size='large' label_display='' icon_select='no' icon='6' font='entypo-fontello' color='custom' custom-color='#ecb11a' custom_bg='#ecb11a' custom_font='#ffffff' av_uid='av-271d24']
    [/av_buttonrow]

    May 29, 2022 at 10:56 am #1353326
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    #text-2 .av-5gitv0-b47efd8ec5e652095d30c361f6068132 {
    margin-right: 20px;
    background: white;
    color: #0d206a;
    border: 2px solid #0d206a;
}

    Best regards,
    Rikard

    May 29, 2022 at 11:05 am #1353329
    ellamac

    AMAZING – that worked : )
    Thank you so much!

    May 29, 2022 at 12:21 pm #1353336
    Rikard

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    May 29, 2022 at 10:23 pm #1353369
    ellamac

    My desired design has been achieved, so this can now be closed. Thanks again!

    May 29, 2022 at 10:51 pm #1353371
    Mike

    Hi,
    Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Buttons in header above menu’ is closed to new replies.