Tagged: enfold, LayerSlider
-
AuthorPosts
-
February 3, 2014 at 8:33 pm #218975
I am wishing to have my LayerSlider at the top of my website be fixed like we can do with the Fullwidth slider. Is there any CSS code or option for us to be able to do this.
My website is http://threeriversrealtymn.com
Thanks in advance!
February 3, 2014 at 10:31 pm #219013Hey Kimberly!
If you mean fixed as in the color sections where the image is fixed to the background and the site moves instead then no. The LayerSlider plugin doesn’t have Parallax support at the moment (that is the general name of the effect).
Cheers!
DevinFebruary 3, 2014 at 11:23 pm #219030You nailed it. I so do not know programming terms.
Ok so if I am stuck using the Fullwidth Sliders as my option is there any way:
1) I can increase the size of the font of the caption title and caption description?
2) Have the company logo appear in the lower right hand corner of the FS after the caption title and caption description?
(or do you have any suggestions on how I could create an illusion that the LS is Parallaxed? Is it possible to create a hairline FS that could appear below the LS that would give the appearance that Parallaxed?)
Additional Questions: (sorry if they are in the form – if they are let me know and I will search them out – just haven’t gotten that far)
3) How can I set the size for how small I want the company logo to shrink to? I like that it shrinks I just want it a little larger then what it shrinks to.
4) How can I increase the size of the phone number? Can I make it click able?
5) When I am writing in the caption title of the FS I want to put the words BUY SELL RENT and want it to appear with lines in between them. I am sure it is code that people use but I don’t know what the lines are called so I can Google for the code. Is it possible to code the caption title area in the FS to have it look like BUY I SELL I RENT ? If so how would I do it and what is it called? (I was using a capital ‘i’ to do the lines and maybe that is what people do but I don’t think so.)
Thank you soooo very much for your help!
- This reply was modified 10 years, 10 months ago by Kimberly.
February 6, 2014 at 4:47 pm #220495Hey!
1) Yes, add this to your Quick CSS in the styling tab of the theme options and modify as needed:
#top.home #fullscreen_slider_0 .avia-caption-title { font-size: 35px; } #top.home #fullscreen_slider_0 .avia-slideshow-button { font-size: 15px; } #top.home #fullscreen_slider_0 .avia-caption-content { font-size: 15px; }
2) No, that isn’t doable without customization of the element or maybe some other very creative css/html combination.
3) In the theme files open js>avia.js and look for the avia_header_size function starting at around line 1288. Inside of it you can change the math from divide the size by 2 to a smaller number to decrease how much it shrinks:if(st < el_height/2) { newH = el_height - st; header.removeClass('header-scrolled'); } else { newH = el_height/2; header.addClass('header-scrolled'); }
4) You can use:
.social_header .phone-info span { font-size: 14px; }
and you will need to make the number a link in the field where you’ve added it to the theme options. Ex:
<a href="tel:+15555551212">555-555-1212</a>
5) I think you mean this character | which is just above the enter key on most keyboards (shift+ that key).
If you have any other questions make a new topic and we’ll do our best to answer.
Regards,
Devin -
AuthorPosts
- The topic ‘Any CSS Code to make LayerSlider be Fixed’ is closed to new replies.