wordpress主题DIY 不改了 头痛

Ruclinux

流河旱树 发表于 2020-4-22 21:01
是要这个效果吗? 按钮和图片都改圆了... 还有你这图都不是正方形

您修改了这一段呢？谢谢了

流河旱树

那最终这样OK吧?

Ruclinux

流河旱树 发表于 2020-4-22 21:13
那最终这样OK吧?

是的，就是这样，然后左右箭头圆圈更好看，您是如何修改的呢？您修改了css里的哪一段呢？谢谢您了

流河旱树

首先 你上传图片的时候就要注意统一性 最好大小一致 这里正方形的图最好
以下是把图和cover改圆, 如果没有生效 就用!important强制override

1. #slider .slide .book-cover img {
   
2.     border-radius: 50%;
   
3. }
   
4. 
   
5. #slider .slide .book-cover {
   
6. height:230px;
   
7. border-radius: 50%;
   
8. }

复制代码

然后把箭头改圆

1. #slider .cycle-prev, #slider .cycle-next {
   
2. border-radius: 50%;
   
3. }

复制代码

Ruclinux

流河旱树 发表于 2020-4-22 21:24
首先 你上传图片的时候就要注意统一性 最好大小一致 这里正方形的图最好
以下是把图和cover改圆, 如果没有 ...

1. #slider .slide .book-cover {
   
2.   float: left;
   
3.   width: 19%;
   
4.   overflow: hidden;
   
5.   margin-right: 3%;
   
6.   box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
   
7.   height: 230px;
   
8.   border-radius: 50%;
   
9.   background: #000;
   
10. }
    
11. 
    
12. #slider .slide .book-cover img {
    
13.   width: 50%;
    
14. }

复制代码

不知道为什么，我修改过后成这样了，麻烦您再帮忙看看，谢谢了。

1、图片显示不完整
2、刷新的时候，走马灯图标会跑到顶上去

流河旱树

Ruclinux 发表于 2020-4-22 21:47
不知道为什么，我修改过后成这样了，麻烦您再帮忙看看，谢谢了。

1、图片显示不完整

1. #slider .slide .book-cover img {
   
2. width: 100%;
   
3. height: 100%;
   
4. border-radius: 50%;
   
5. }

复制代码

这一段完整的是这样

Ruclinux

流河旱树 发表于 2020-4-22 21:50
这一段完整的是这样

谢谢您的指点了，第一个问题解决了，第二个我慢慢折腾吧，谢谢您了

额头有王的喵

看不懂，超出我的知识储备

Ruclinux

Vhc 发表于 2020-4-22 21:44
你是 @ 错人了吗？

用了您的论坛大师，看到论坛大师把所有头像都圆圈化了，所以想请教您。