hello
all vibe carousel flexslider in my website shown only in chrome , and not shown in Firefox , how can i solve this problem
another question
how can i get block in slider for testimonials like https://www.udemy.com/
can you give me the css code that give me the lock like Udemy ??
in the next reply i share with you 2 screen shots from Firefox and chrome
This reply has been marked as private.
Hi,
We don't have block post slider like udemy.com
so You can create custom block and provide own css that you want.
For create custom block use this tip
https://wplms.io/support/knowledge-base/creating-custom-featured-block-style/
Firefox:
For RTL Website this issue is occur so we are checking.
For RTL Website this issue is occur so we are checking.
in my website only , or it's a general case in all RTL Websites ?
Hi,
Yes This issue for all RTL website.
Many Firefox Users Report this problem to us ....
how we can solve this problem ??
Hello,
let's talk about the issue: codes work differently in firefox, chrome and internet explorer.
Some browsers are using the same rendering engine and some are not.
For example:
Google Chrome and Safari browsers are using : Webkit Engine (See: http://www.webkit.org/)
Firefox is using Gecko Engine (A.K.A. Moz) - (See: http://en.wikipedia.org/wiki/Gecko_(software)
Opera is using : Presto (See: http://www.opera.com/docs/specs/productspecs/)
So differences between rendering engines are normal. Which is why we are using their css properties like;
-webkit-border-radius /* For Webkit */
-moz-border-radius /* For Gecko */
-o-border-radius /* For Presto */
border-radius /* For IE9+ */
Some older browsers like Firefox and Internet Explorer 6, 7, 8 are not giving support for most of CSS3 methods. that's the main issue.
please share the page url, i will test and identify the origin of the issue. i will provide solution for this.
This reply has been marked as private.
Hello,
as i guided above this is a parsing error in the browser itself. i could not get the same design but by applying this code it will bring the content in the foreground.
it will work only in firefox. use this css in custom css.
@media screen and (min-width: 768px) {
@-moz-document url-prefix() {
.home-page .slides{display: inline !important;}
.home-page .vibe_carousel.flexslider.onecol.more_heading {
display: inline-flex !important;
}
}
}
give me sometime to get a better resolution.
refer: https://share.getcloudapp.com/L1uk6koE
not work
it's display all slider blocks in the home screen
i use this
@media screen and (min-width: 768px) {
@-moz-document url-prefix() {
.home-page .slides{display: flex !important;}
.home-page .vibe_carousel.flexslider.onecol.more_heading {
display: flex!important;
}
}
}
it's display the first slider only and the next sliders not displayed
This reply has been marked as private.
how can i solve the problem ?
that is the important
@ateya3d,
As #logan stated above, it is fixed on your site already. he has shared the screenshots.
whats the issue now??
Please track this trello card:
https://trello.com/c/QpzBYWNy/
this is not fixed in my website
and not work at all
i want the sliders work in Firefox
.
