Inclusão de quebra de linha em código javascript

Layout
1

Olá pessoal,

Meu site é o 3dpande.com.br e estou tentando ajustar dois textos do rodapé: Horário de funcionamento e Endereço.

image
image908×410 29.7 KB

Queria saber se é possível colocar quebra de linha para que fique o visual e a leitura melhores.

Queria deixar o horário assim:

Seg. a Sexta - 8:00 às 17:00
Sáb. - 10:00 às 13:00
Dom. - FECHADO

e o endereço assim:

Rua Copacabana, 426
Santa Teresinha, São Paulo, SP
CEP: 02461-000
ATENÇÃO: NÃO POSSUÍMOS LOJA FÍSICA

Abaixo são as variáveis que podem ser alteradas por código. Já tentei colocar “\n” mas não funcionou, não aparece no site, mas também não quebra linha

var labels = {
      horario : "Seg. a Sexta - 8:00 às 17:00 / Sáb. - 10:00 às 13:00 / Dom. - FECHADO",
      endereco : "Rua Copacabana, 426 - Santa Teresinha, São Paulo, SP - CEP: 02461-000 **ATENÇÃO: NÃO POSSUÍMOS LOJA FÍSICA**",
      marcas : {
        titulo : "Compre pela marca",
        subTitulo : "Trabalhamos com os melhores"
      },
      newsletter : {
        titulo : "Receba Ofertas e Novidades de nossa loja",
        popup : {
            titulo : 'Olá!',
            texto : 'Você deseja receber Ofertas e Novidades de nossa loja?',
            botao : "Sim, quero receber!"
        }
    },
};

Existe algum jeito para forçar essa quebra de linha?

Obrigado,
Pedro

2

para cada salto de linha use <br>

1 curtida
3

exemplo:

      horario : "Seg. a Sexta - 8:00 às 17:00 <br> Sáb. - 10:00 às 13:00 <br> Dom. - FECHADO",
4

@Leonardo_Vicentini_F funcionou perfeitamente… obrigado

Só mais uma dúvida, seria possível deixar o alinhamento do Sáb e Dom com Seg? Tipo tudo na linha vermelha

image

5

ixi tenho nem ideia, espero que alguem ajude

6

Tranquilo… muito obrigado pela dica

7

acho que assim vai…

      horario : "Seg. a Sexta - 8:00 às 17:00 <br><p style='margin: 0 0 0 24px;'>Sáb. - 10:00 às 13:00<br>Dom. - FECHADO</p>",

image
image878×528 35.8 KB

8

Opa Leonardo, funcionou, mas aqui tive que colocar magin-top -10 e left em 20.
To aprendendo a mexer com HTML e CSS ainda.
Ontem fiquei fuçando e aprendi umas coisas.

1 curtida
9

Acabei de achar que estragou no menu… Quando coloca o mouse em cima do Central de Suporte no menu superior, tem o horário também e la ficou ruim

1 curtida
10

ele usa a mesma variável… então vamos ter que fazer por CSS, em vez de colocar com o parâmetro style

image
image961×476 56.2 KB

colocar esse CSS:

.links-rodape .office-hours p.atendimento_rotape
{
    margin: -10px 0 0 20px !important;
}

e mudar aquela variável para

      horario : "Seg. a Sexta - 8:00 às 17:00 <br><p class='atendimento_rotape'>Sáb. - 10:00 às 13:00<br>Dom. - FECHADO</p>",

image
image1461×660 93.2 KB

11

Opa… funcionou perfeitamente!!
Muito obrigado pela ajuda