NEW WIDGET AREA

Hi oeilneuf74,

Please follow the instructions in: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
Once that is done, please post back and we’ll help with the positioning with CSS.

Best regards,
Nikko

Hi oeilneuf74,

Please try adding this CSS code in Enfold > General Styling > Quick CSS:

#header_main #text-5 {
    position: absolute;
    right: 120px;
    width: 650px;
}

#header_main #text-5 .textwidget {
    display: flex;
    column-gap: 1em;
}

Hope it helps.

Best regards,
Nikko

Hi Gaëlle,

Please try to replace the code I gave you with this one:

#header_main #text-5 {
    position: absolute;
    right: 120px;
    width: 650px;
    z-index: 10;
}

#header_main #text-5 .textwidget {
    display: flex;
    column-gap: 1em;
}

#header_main #text-5 .textwidget > br {
    display: none;
}

#header_main #text-5 .textwidget .avia-button {
    font-weight: bold;
    border: 3px solid #c42e38;
}

#header_main #text-5 .textwidget .avia-color-light {
    color: #c42e38 !important;
}

#header_main #text-5 .textwidget .avia-color-light:hover {
    opacity: 1;
    color: white !important;
}

Best regards,
Nikko

Hi,

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

Best regards,
Jordan Shannon