html - Wordpress 上 Fiore 主题的 CSS 代码

Question

我想调整 Wordpress 上 Fiore 主题的 CSS 代码。我的网址是 theuniversalasian.wordpress.com。这是一个升级的高级 wordpress 帐户。

升级后，我可以编辑 CSS，但出现了一些问题。如果您能帮助我编写代码，我将不胜感激!

1. 我想为帖子文本制作白色背景。当我这样做时，它会移动左侧的日期、评论和编辑链接。我希望那些在帖子标题功能区附近保持顶部。目前，该站点没有显示我想要的更改，因为我一直在摆弄代码....

2. 如果可能，我希望文本的白色背景具有圆 Angular ....

3. 左栏以某种方式丢失了图形....应该有像原始主题 (http://fioredemo.wordpress.com/) 一样的顶部樱花图形，以及帖子标题的其余丝带图像。

我无法在此处粘贴整个代码...，但希望您能从网站上了解我的意思...

Answer 1

对于前两个，我现在将处理最后一个，您需要在您的 css 文件中找到 .entry-content 类。

我添加的第一个样式是 background: #fff; ，它添加了白色背景，然后我添加了 border-radius: 7px; ，它给它圆 Angular 。

.entry-content {
   color: #2b2b2b; /* changed to black font since you wanted a white background */
   width: 300px;
   padding: 10px;
   border: 0 solid #000;
   margin-left: 10%;
   margin-bottom: 10px;
   margin-top: 10px;
   background: #fff;
   border-radius: 7px;
}

对于第三个问题，我不是 100% 肯定，但由于您删除了网站上的导航，我相信您也删除了图像。出于某种原因，当您检查元素时，我在模板页面上找不到任何样式。该图像位于导航/标题区域之外，所以这只是我的最佳猜测。

编辑:移动评论/日期 block 。

.entry-meta {
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    width: 150px;
    top: 0;
    left: 35%;
}