-
Posts
-
Hi there,
I have two questions!
1) How can I make the header 100% not transparent? It stays always a little bit transparent.2) I have already found out how to make a bigger font size in my layer slider, so that i can read the font also on mobile devices. BUT I am only able to see a part of the sentence in my slider. How can i make the sentence responsive. … so that the sentence is for example in three lines on my device. Hope you know what I mean :)
Thanks a lot in advance!
Hey Elliot,
thanks for your quick reply. Unfortunately it doesnt work.
1) In first position the header is gray but when i scrool down its going to be a bit transparent. :(
2) We are not alive yet, what do you ned to check it? Yess the responsive mode is on.
Thank you very much!
Hey!
Please add following code to Quick CSS and change the color to match your header color
header#header.header-scrolled { background-color: white; }Best regards,
YigitHi!
Can you please post a screenshot of the issue? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here
Cheers!
YigitHey!
Please try adjusting “responsive under” and “layers container” values in LayerSlider WP > Slider Settings > Layout and check if that helps – http://i.imgur.com/E2YOJ5x.png
If not, we are going to need to see your website live. So please let us know when you launch your website in that case.Cheers!
YigitHey!
Sure, we will be waiting to hear from you. Thread will be on hold until you reply, so please reply when you launch your website.
Regards,
YigitHey!
Did you apply a value to the Layers Container field located on Slider Settings > Layout > Full-width slider settings? You can also apply unique classes attributes to the text layers under Attributes panel. Use “custom-text” on the classes field for example then add something like this to the Quick CSS field:
@media only screen and (max-width: 767px) { .custom-text { font-size: 20px !important; }}Best regards,
IsmaelHi Ismael,
yess, I have put 1140 in the “full width slider settings”. Is that ok? And I have already put a text in the classes field and quick CSS. … I have added some text like my text in the slider wont become to small and stays bigger on mobile devices. You know what I mean?
This one…
@media only screen and (max-width: 500px) {
.layer-slider-caption {
font-size: 20px !important;
line-height: 35px !important;
}
.layer-slider-title {
font-size: 30px !important;
line-height: 30px !important;
}
.layer-slider-head {
font-size: 20px !important;
line-height: 20px !important;
}What should I now put in?
CheersHi!
There’s a missing bracket in the media queries:
@media only screen and (max-width: 500px) { .layer-slider-caption { font-size: 20px !important; line-height: 35px !important; } .layer-slider-title { font-size: 30px !important; line-height: 30px !important; } .layer-slider-head { font-size: 20px !important; line-height: 20px !important; } }Also, 20px is still big for the caption.
Best regards,
IsmaelHi Ismael,
you are right, but I just missed the bracket here (copying mistake). Still doesnt work? What is wrong with the font within the slider? It isnt going to be block style when responsive :(
Many thanks!
Hi!
The font size modification is working. I can see the css declaration:
@media only screen and (max-width: 500px) { .layer-slider-caption { font-size: 18px !important; line-height: 35px !important; }}Again, try to edit the captions then set a specific width, 500px perhaps, inside the Styles panel. This will force the caption to wrap inside a container.
Best regards,
IsmaelHey there,
guess what!? Just a simple button called “Word-wrap” in the styles section! XD works now …
Thanks a lot!One hopefully last question … I have some articles with pictures on a single page. When I click on a picture to make it bigger, afterwards I can click through all of the pictures from all of the articles on the page. But I just would like to see the choosen picture without the possibility to click through all of the pictures of all of the articles … thanks in advance!
Hi!
LOL. Glad you figured it out. If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thank you for your understanding. :)
Best regards,
Ismael
- The topic ‘transparency and responsivness’ is closed to new replies.