-
AuthorPosts
-
November 3, 2018 at 10:39 pm #1029526
I have a floating button to the left of my page, and to the right the scroll to top button. Is there a way to change the position of the scroll to top button. They should be arranged equally, and now the button is to far up and to far in of the page.
And I have a weird phenomenon: The font of my body text is showing differently in Firefox and Safari. How come?
thanks NoraNovember 4, 2018 at 12:53 am #1029535Hey NoraGTS,
Thank you for writing to us.
Beautifully site! To change the position of the scroll to top button please check
or add the below CSS to your site.
/* Box size and position */ #scroll-top-link{ width:25px; height:25px; right: 10px; bottom: 10px; } /* Arrow position */ #scroll-top-link:before{ top:-13px; right:6px; position:absolute; }
If you do not see any changes after adding the code please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
VinayNovember 5, 2018 at 10:37 pm #1030075Thanks so much – that helped a lot.
I know that’s a tough one, but is there any way in client recommendations media tool to have arrows next to each reference to show to the next one. I know there is one version that does it, but I dearly need the speech-bubble version and this one isn’t showing any arrows.
THANKS SO MUCH.
NoraNovember 6, 2018 at 8:24 pm #1030557Hi Nora,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaNovember 7, 2018 at 12:18 am #1030649Do you still have an answer to this question, although I might have asked it somewhere else else well?
Is there any way in client recommendations media tool to have arrows next to each reference to show to the next one. I know there is one version that does it, but I dearly need the speech-bubble version and this one isn’t showing any arrows.
THANKS NoraNovember 7, 2018 at 2:41 am #1030681Hi Nora,
Sorry, we missed your question. We would love to help you with anything related to Enfold or a general question about WordPress.
I need more info on “client recommendations media tool” is that a plugin? if it is please check the plugin documentation or the plugin support as they know their plugin better :)Best regards,
VinayNovember 7, 2018 at 9:14 am #1030742No no, it’s no plugin. It’s one of your content elements. I see it in german, so I assume the english translation is CLIENT RECOMMENDATION???
It’s when a client leaves a comment about your services. And there is the one that looks like speech-bubbles, but it has no arrows to move to the next one, so you have to wait for whatever sec you set it to move on to the next. And I was wondering if there is a way to show the arrows, also in this speech-bubble version. I uploaded a screenshot.November 12, 2018 at 4:47 am #1032414Hi,
Thanks for the update. That is the default style of the testimonial slider. You can use this css code if you want to recreate the “speech bubbles” style.
#top .av-large-testimonial-slider .avia-testimonial-meta { background: #fcfcfc; border: 1px solid #e3e3e3; padding: 0 30px 20px 30px; } #top .av-large-testimonial-slider .avia-testimonial-arrow-wrap { display: block; bottom: -10px; top: auto; }
Best regards,
IsmaelNovember 12, 2018 at 9:00 am #1032478Hm, this didn’t give me the speech bubble style. The only thing that changed is the name/logo, there is a border now. I wanted the normal speech bubble style as in COMPACT, but arrows next to the speech bubbles so you can move on to the next reference without having to wait for the seconds to pass.
November 13, 2018 at 5:56 am #1032885Hi,
Have you tried the available styles in the testimonial element settings? The “Compact style” is what you are looking for i think.
If you still need help to add a custom style please try this code in the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - Testimonial speach bubble */ #top .avia-testimonial-content { position: relative; background: #e1e1e1 !important; border-radius: .4em; overflow: visible !important; padding: 20px !important; } #top .avia-testimonial-content:after { content:""; position: absolute; bottom: 0; transform: translateY(100%) !important; border-top: 0px solid transparent !important; border-left: 13px solid transparent !important; border-right: 13px solid #e1e1e1 !important; border-bottom: 16px solid transparent !important; }
Please open new tickets for issues that are not related so we can keep the focus on the main topic :)
Best regards,
Vinay -
AuthorPosts
- You must be logged in to reply to this topic.