Okay
  Public Ticket #3062325
Background
Closed

Comments

  •  16
    danielcs94 started the conversation
    June 9, 2022 at 5:34pm

    Hola buenas, quiero poner una imagen de fondo en mi web pero que ocupe toda la pagina.

    Gracias.


  •  8,939
    Tahir replied
    June 9, 2022 at 6:01pm

    Hey Again,

    You will have to switch to the "Boxed Layout" feature to set a whole image background, if not Custom CSS would be needed.

    Thanks 

    ThemeNectar Support Team 

  •  16
    danielcs94 replied
    June 9, 2022 at 6:57pm

    Thank you very much


  •  16
    danielcs94 replied
    June 13, 2022 at 4:07pm

    I need to change the backgro

    und colour of this to black and the text on it to white, please:

    2230774228.jpg
  •  1,919
    Judith replied
    June 13, 2022 at 4:56pm

    Hello Daniel,

    I have headed to Salient > Header navigation > Logo & General Styling and changed the colors from here:

    4510685762.png

    Thanks.

  •  16
    danielcs94 replied
    June 13, 2022 at 7:32pm

    Como puedes ver en la captura que has enviado el fondo es negro y la fuente blanca y no aparece asi

  •  1,919
    Judith replied
    June 14, 2022 at 6:52am

    Hello Daniel,

    This is how it looks on my end from this link https://yachtprospain.com/, please let me know whether I am missing something.

    1073056923.png

    Thanks.

  •  16
    danielcs94 replied
    June 14, 2022 at 7:17am

    Eso no deberia ser asi, deberia aparecer eso solo para movil, podrian arreglarlo?

  •  1,919
    Judith replied
    June 14, 2022 at 7:30am

    Hello Daniel,

    Please try this css:

    @media only screen and (max-width: 999px){
    body.original #header-secondary-outer[data-mobile="display_full"], body.ascend #header-secondary-outer[data-mobile="display_full"], body.material #header-secondary-outer[data-mobile="display_full"] {
        background: black !important;
    }
}
@media only screen and (max-width: 999px){
    body #header-secondary-outer[data-mobile="display_full"] ul, body.original #header-secondary-outer[data-mobile="display_full"] .nectar-center-text, body.ascend #header-secondary-outer[data-mobile="display_full"] .nectar-center-text {
        color: white;
    }
}
@media only screen and (max-width: 999px){
#header-secondary-outer nav > ul > li > a, #header-secondary-outer .nectar-center-text, #header-secondary-outer .nectar-center-text a, body #header-secondary-outer nav > ul > li > a .sf-sub-indicator i, #header-secondary-outer #social li a i, #header-secondary-outer[data-lhe="animated_underline"] nav > .sf-menu >li:hover >a, #header-outer #mobile-menu .secondary-header-text p {
        color: #ffffff;
    }
}

    Thanks.

  •  16
    danielcs94 replied
    June 14, 2022 at 7:42am

    Sigue apareciendo en el ordenador.

  •  8,939
    Tahir replied
    June 14, 2022 at 11:36am

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (min-width: 1000px) {
    div#header-secondary-outer {
        margin-top: -35px;
    }
}

    Thanks

    ThemeNectar Support Team 

  •  16
    danielcs94 replied
    June 14, 2022 at 2:39pm

    Ya esta solucionado. Otra cosa podriais mandarme el css para que el icono de Whatsapp este en verde y el logo de whatsapp y el de telefono esten a la izquierda de "Reserve: +627150109", mas que nada para que no se vea tan grande esa parte.

    Muchas gracias.

  •  8,939
    Tahir replied
    June 14, 2022 at 7:14pm

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (max-width: 999px) {
    body #header-secondary-outer[data-mobile="display_full"] ul, body.original #header-secondary-outer[data-mobile="display_full"] .nectar-center-text, body.ascend #header-secondary-outer[data-mobile="display_full"] .nectar-center-text {
        display: inline !important;
    }
    body:not(.material) #header-secondary-outer nav > ul, body:not(.material) #header-secondary-outer #social {
        text-align: left !important;
    }
}
#header-secondary-outer #social li a i.fa-whatsapp {
    color: #51c346 !important;
}

    Thanks

    ThemeNectar Support Team 

  •  16
    danielcs94 replied
    June 14, 2022 at 10:19pm

    Thanks very much

  •  16
    danielcs94 replied
    June 16, 2022 at 6:00pm

    Sorry, habria posibilidad de centrar esto(IMG_5281) y poner espacio arriba de lo de "Reserve: +627150109" como el que he marcado en esta imagen(Captura__1)

    Thanks.

  •  1,919
    Judith replied
    June 17, 2022 at 6:13am

    Hello Daniel,

    Please try this css:

    @media only screen and (max-width: 690px){
    body:not(.material) #header-secondary-outer ul#social {
        padding: 26px 0px 0 33px;
    }
}

    Thanks.

  •  16
    danielcs94 replied
    June 23, 2022 at 3:37pm

    Hola, estoy intentando ponerle mas espacio a lo de "Reserve: +627150109" cambiandole el valor de 26px a otro tamaño y no hace nada. Quiero que haya el mismo espacio que hay debajo de "Reserve: +627150109"arriba, porque se ve muy pegado arriba y no queda bien. Gracias

  •  1,919
    Judith replied
    June 23, 2022 at 3:47pm

    Hello Daniel.

    Please try this css:

    @media only screen and (max-width: 690px){
#header-secondary-outer, #header-secondary-outer > .container, #header-secondary-outer > .container > nav {
        padding-top: 7px;
    }
}

    Thanks.