-
Posts
-
Hello, I’m making the entrance of an architect’s website and he wants the image to be full with the caption of the image below the photo. What better way to do this? I used Fullwidth Easy Slider but I’m having a hard time putting the caption under the photo. What would be the best way? Download the caption? Or use the Fullscreen slider? What is the best way to do it?
Attempted construction with the Enfold Slider
View image
Link EXEMPLES
LINK SITE
Hey mleite1,
Thank you for using Enfold.
Do you need multiple images to slide? If not, insert the caption inside a text block and place it below the full width image.
Best regards,
IsmaelHi Ismael. Thanks for the feedback. This screen will be the client’s main screen and will not be just an image. The interesting thing is to have several rotating images.
Hi mleite1,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 990px) { div .slideshow_caption h2 { background: rgba(255, 255, 255, 0.8); line-height: 58px; margin-bottom: 0; } .slideshow_align_caption { vertical-align: bottom; } .caption_fullwidth.av-slideshow-caption.caption_center .container.caption_container{ max-width: 100%; } .caption_fullwidth.av-slideshow-caption.caption_center .container.caption_container .slideshow_caption { padding: 0; } }If you need further assistance please let us know.
Best regards,
VictoriaMany thanks Victoria.
Amazing it got really good. This Div is called AVIA CAPTION TITLE? How do I do?
I created a custom css class to modify the font, color, size …. and other attributes. But it did not work. I would also like to change the background color by css class. See the code I used.
.legendaslider {
font-family: ‘HelveticaNeue’, ’Roboto’, ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 100;
color: #000;
text-align:center;
}Hi,
It did not work because of the single quotes used. http://imgur.com/a/rRCNW
You can try the code below:#full_slider_1 .avia-caption-title { font-family: 'HelveticaNeue', 'Roboto', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 100; color: #000; }If you need further assistance please let us know.
Best regards,
VictoriaVictoria, worked well. But I have two more questions. Can you help me?
Notice that by increasing the letter the caption box does not increase along with it. How do you grow along with the size of the letter?
Another thing
How do I change the background color? He’s white.
and
How to hide only dots control. It gets mixed with the caption below the image.LINK
Hi,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi,
Eu falo português, se você preferir e for mais fácil, posso ajuda-lo em ambas linguas.
Best regards,
John TorvikOlá John, o problema é outra pessoa ter acesso e não entender as dúvidas. Se vc sempre receber ótimo pra mim. Fico traduzindo no Google Translations. É muito ruim.
Victoria acessou o link com duas BARRAS.
O endereço certo é esse….http://valencaevalenca.profissional.ws/valencav02/wp-admin
O slider possibilita inserir uma legenda (caption) para cada imagem ou video cadastrado. O meu cliente deseja que essa legenda fica na base da imagem. Victoria me passou um código que fez isso. Ótimo. Mas quando vc diminui o browser na mão (click em uma das extremidades, com o mouse), e diminui a tela a legenda tende a voltar para o centro. Ela não fica fixa na base. Além disso se vc aumentar muito o tamanho da fonte da legenda o box background que envolve o titulo não aumenta tb junto com a letra. O box background deveria aumentar na sua altura e manter a proporção.
Vc entendeu?
Grato John
Olá,
É muito bom saber que poderei te ajudar melhor em português, vi que você tem alguns tickets pendentes aqui no sistema, então, para lhe dar uma boa notícia, sempre que iniciar um ticket, pode deixar uma observação em inglês pedindo que me solicitem, ai poderei te ajudar em português sempre.
Bom, vamos lá:
Eu verifiquei que o código que a Victoria forneceu está com uma media query de min-width 990px, o que só ira afetar quando a tela for maior que 990px, então, para afetar as demais telas, apenas troque 990px por 480px, que o código será aplicado para mobile também.
Saiba também que forneço alguns serviços particulares, como tenho bastante experiência com o Enfold, então, se tiver interesse, posso te enviar mais detalhes no seu email ( (Email address hidden if logged out) ).
Best regards,
John Torvik/
Message to Jhon in Portuguese.
/
Olá Jhon, muito obrigadp pelo retorno. Sua ajuda é muito importante. O seu código funcionou. Troquei para 480. Mas tem um detalhe bem pequeno. O box branco que fica por trás da legenda precisa ficar um pouco mais afastado na base e no top do texto da legenda. Eu sei que a legenda está com um tamanho grande. Fiz isso para testar. Eu precisa ter um respiro maior na parte de cima e na base. Veja na imagem o que quero dizer. No meio da imagem tem a simulação de como queremos.IMAGEM
Olá,
Obrigado pelo retorno. Antes de mais nada, deixei um email para você no ( (Email address hidden if logged out) ), aguardo retorno quando possível.
Para solucionar o problema, apenas troque a parte do código que a Victoria lhe enviou por este:
.slideshow_align_caption { vertical-align: center !important; }Best regards,
John TorvikTo Jhon.
Jhon, irei ver seu e-mail. Estamos na correria para liberar esses sites.
Inseri o seu código e não vi diferença.
Percebi que ao acessar pelo Iphone, por exemplo, a legenda tende a ir para o centro e sem o box branco por trás. Vai só o texto para o centro.
Se puder ajudar será ótimo.
Obrigado pela atenção Jhon.
Bom dia,
Verifiquei seu site e vi que havia uma regra CSS sem o vertical-align: center, então, apenas editei e a legenda já está no centro. A respeito do problema com o iPhone, eu apenas editei a media query para min-width 360px.
Best regards,
John TorvikJhon, olhei agora. A legenda carregou ao centro. Ela tem que ficar na base da foto. Nós não desejamos que que ela fique ao centro. Acho que já tínhamos resolvido essa questão do posicionamento dela. Tava ok na base. O que tento resolver é a altura do BOX background branco para ter um distanciamento maior na base e no topo. Ficar mais distante do texto da legenda. Fiz um exemplo em uma imagem que está acima nesse ticket. O exemplo está no centro da imagem por acaso. Fiz só para você entender o que digo sobre respiro do box branco. Mas o posicionamento é na base.
// REPETINDO ESSA QUESTÃO //
Percebi que ao acessar pelo Iphone, por exemplo, a legenda tende a ir para o centro e sem o box branco por trás. Vai só o texto para o centro.
- You must be logged in to reply to this topic.