猫头鹰轮播CSS背景图片

时间:2019-09-28 16:46:53

标签: javascript jquery css wordpress

我正在尝试在我的wordpress页面中使用Owl轮播。经过几个令人沮丧的小时,我已经能够修复jQuery语句以在wordpress中工作,并且我的图像在屏幕上滚动。所以那部分很好。不好的部分是,左图和右图上都有单词Prev和Next。我想将它们更改为我存储在子主题的images文件夹中的“ <”和“>”图形。因此,其Child_theme / images是文件的位置。箭头为left_on.png和right_on.png。当使用Safari元素检查功能查看资源时,它会显示两个文件,但是它们是红色的,即使它显示了文件的路径(实际上是我的脚本/书本/图像,它是文件的原始位置)也不会加载它们。这些文件,但是我复制了Child_theme / images目录。我很想摆脱这些词,而使用箭头。

在slider.css中,我尝试使用以下代码:

.owl-next
{
    background: url(images/left_on.png) top left no-repeat;
    display:inline-block;
    margin:10px 25px 10px 0;
    float:right;
}

先前的猫头鹰类似,但使用right_on图像。如果有人可以告诉我该怎么做,我将在这里附加我的代码文件。我只想摆脱下一个和上一个标签,并使用箭头图像。

谢谢。

0 个答案:

没有答案