-
AuthorPosts
-
July 21, 2017 at 11:18 pm #825260
Hi all,
I don’t know if this issue just popped up with 4.1.1 or has been around before, but I notice that when I look at my site from tablet that the button I have on LayerSlider for “Featured Properties” looks strange. The text does not stay inside the frame around the text box.
Here’s a visual so you can see it:
The code I am using for the button is:
[av_button label='Featured Properties' link='page,47' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='light' custom_bg='#444444' custom_font='#ffffff' custom_class='' admin_preview_bg='']Is this a bug in LayerSlider that is perhaps fixed with the next update? Or something else?
Thanks for your help!!
Rob- This topic was modified 7 years, 4 months ago by goldengate415. Reason: corrected Enfold version #
July 22, 2017 at 7:22 am #826811Hey goldengate415,
Thanks for sharing your code, I was able to recreate the issue in 4.1.1, but only if the HTML layer (element) in LayerSlider was smaller than full width, once the element was full width the button was right for all screen sizes. I don’t know why, but give it a try :)
Best regards,
MikeJuly 22, 2017 at 5:24 pm #828383Hi Mike,
Thanks for taking this thread!
It’s in a color section which as you know is always full width.. also the “auto fit” is turned on (green) on the layer slider… (on is green, right?… it’s sort of backwards since it slides to the left to turn on?)
Should I be doing something else?
Thanks,
RobJuly 24, 2017 at 5:46 am #828879Mike I know you only work weekends and this weekend is almost over – are you able to help or should I check with Yigit tomorrow?
July 26, 2017 at 12:08 am #829867Hi Rob,
Please add following code to Quick CSS
.ls-layers .avia-button.avia-size-medium { min-width: 235px; }
But at the moment button is not centered. We are going to need to login to your site to see why
Best regards,
YigitJuly 26, 2017 at 12:47 am #829869Awesome! That css code fixed it!
I manually placed the button…is there a way to auto center?
Login credentials below… thank you, it’s already so much better!!! Not sure why this broke or when it did, but glad it’s working again.
July 26, 2017 at 3:06 am #829888Hi Rob,
I edited your slide and went to Styles tab of your button layer and changed the width from 185px to 100%. Please review your website :)
Best regards,
YigitJuly 26, 2017 at 3:22 am #829892Hi Yigit!
Thanks for doing that… it looks great on the staging site. However when I go into the slider (Home Page Slider V2) and look at the slide, then click the styles tab, I don’t see what has changed…. (I need to change it on the production side).
Can you screenshot it or tell me more about where to find the 185 px width? I don’t see it anywhere….
Thanks!
RobJuly 26, 2017 at 10:15 am #830070Hi Rob,
I highlighted width value i increased and attached a screenshot in private content field
Best regards,
YigitJuly 26, 2017 at 4:11 pm #830217Oh I see it now! Sorry….. and thank you again! Looks great, all good to close ticket.
:)July 26, 2017 at 5:29 pm #830268 -
AuthorPosts
- The topic ‘LayerSlider Issue With Button Outline That's Not Responsive’ is closed to new replies.