我试图在纸上做一些简单的事情,但由于缺乏Studiopress的支持而导致这很难。我尝试做的是通过改变CSS来改变发布摘要的方式,到目前为止,我正在使用firebug进行测试,并在运行中更改外观""如果可能的话,要明白。我试图自定义的主题就是这个:
http://demo.studiopress.com/lifestyle/
我想让中间小部件(帖子#2和#3)看起来不同(我将在小部件设置中抑制帖子#4)使用图像下面的文字而不是横向,以便举个例子我希望实现的目标,请参考这个其他主题,它具有我需要的布局,但不是"外观":
http://demo.studiopress.com/magazine/
中间窗口小部件区域(旅行)具有我想要的布局,到目前为止,我使用firebug来制作更大的图像,正确对齐文本并改变整体外观,到目前为止已经很好了。我无法做的是推送图片下方的文字,我尝试使用这些设置:
clear: left;
float: left;
我显然做错了什么或错过了CSS的一部分。例如,如果您查看左下角/右下角小部件,它们就像我想要使用中间小部件一样呈现,我尝试比较代码但无法理解和修改。
编辑:以下是我使用firebug实现的示例,以下文字将课程更改为' alignnone'来自' alignleft'已解决,但我必须了解这个课程如何分配给该元素,因为我没有看到' alignleft'在front-page.php文件中。
编辑2 :所以更新和澄清此主题的主页是小工具并且循环被抑制。显然,我正在编辑子主题的代码,而不是框架。我已经找到了关于主题和框架如何工作的一些事情,我上传测试网站后会提供一个临时网址。
答案 0 :(得分:1)
首先---那些不是小工具。它们是循环中的帖子。你不会需要"压制"发布#4。如果您只设置了三个帖子"精选",它将正常工作。
(我想知道你是否真的有DLed并安装过这个主题,或者你是不是只是在摆弄这个演示......)
下一步---要使文本位于图像下方,您不需要添加CSS,而是取消或删除一些。具体来说,您需要删除包含图像的锚标记上的float:left;
。你想要float: none;
。困难的部分是针对您想要的<a>
元素,而不是任何其他元素。