在wordpress页脚中添加自定义图像作为分隔符

时间:2017-01-03 07:23:14

标签: php html css wordpress

我想在wordpress页脚中添加自定义分隔符图像,这是我的functions.php代码:

shutter

我想在所有3个区块之间添加图像作为分隔符,我尝试了几个谷歌帮助,但没有得到任何与我正在寻找的相关的帮助。会不会有人帮我修改?

我想要这样的东西:

enter image description here

1 个答案:

答案 0 :(得分:2)

.ske-container{
    display: inline-block;    
    padding: 0px 5px;
	width:30%;
	float:left;
    text-align:center;
    height:200px;
    background-image: url("https://i.stack.imgur.com/3vmnN.png");
    background-repeat: no-repeat;
    background-position: right top;  
}
.ske-container:last-child{
	background-image: none;
}
<div>
  <div class="ske-container">
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  </div>
  <div class="ske-container">
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  </div>
  <div class="ske-container">
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  </div>
</div>

请您在当前主题CSS中添加上述style.css吗?检查一下。