1

我在 Wordpress CMS 上有革命滑块。我已经在 Revolution Slider 面板中实现了自定义 css。当您第一次加载页面时，滑块的左上角和右下角是圆形的，但是当您调整窗口大小（只是一点点）时，圆角会消失！我找不到罪魁祸首，响应能力应该继续与自定义 css 一起工作，但事实并非如此。感谢您的任何帮助。 https://www.superherodigital.com/livescan/

我正在使用的代码。

-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 0;
4

4 回答 4

1

不需要这些复杂的任务......

只需在 Direct Admin 中按照以下路径和...（文件管理器）

小路：

example.com/wp-content/plugins/revslider/public/assets/css/rs6

打开rs6

使用 ctrl+f 并搜索 rs-module

rs-module { 位置：相对；溢出：隐藏；显示：块；边框半径：25px }

放border-radius:25px 或任何 35px , 45px ....... 就像上线......

于 2021-06-26T13:02:48.503 回答
0

这可能与在 JS 中声明 CSS 属性的滑块有关（动态更改 DOM 属性），删除样式表中的任何应用样式。我可以看到您正在将这些声明应用于#rev_slider_1_1_wrapper.

我会为此添加一个类，并将边框半径应用于新类。

.rev-slider-border-radius {
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 50px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 50px;
    -moz-border-radius-bottomleft: 0;
}

然后将类添加到滑块包装器元素（如果它在您的 HTML 中）：

<div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container avada-skin-rev-nav rev-slider-border-radius"> ... </div>

或者，如果 JS 正在生成这个，在滑块初始化后通过 JS 应用该类：

$(function() {
    $('.rev_slider_wrapper').addClass('rev-slider-border-radius');
});
于 2014-11-09T19:52:19.910 回答
0

您可以使用 roundedslider 类在滑块旋转滑块周围添加一个包装器，其中 roundedslider 类具有以下样式属性：

.roundedslider{

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFW…9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
position: relative;
z-index: 1;
overflow: hidden;

}

这在这里的例子中也很完美：http ://revolution.themepunch.com/home-slider-boxed/

有关 ThemePunch 产品的所有其他问题，请访问http://themepunch.com/support-center

希望这可以进一步帮助您？

于 2015-03-16T14:54:24.810 回答
0

对我来说，这很好用，只需在角落替换滑块和您喜欢的半径即可：

.rev_slider, .rev_slider_wrapper, .rev_slider_wrapper img, .tp-revslider-mainul, .tp-revslider-slidesli
{
-webkit-border-radius: 8px !important;
-moz-border-radius: 8px !important;
border-radius: 8px !important;
}
于 2016-12-07T16:45:56.953 回答