Question

我正在对我的网站进行一些更改，而我正在http://wpdallas.com/test运行测试版

如果你看右上方应该有一个图像和一些社交媒体图标（比如http://noahsdad.com/），但我似乎无法让它显示正确。有什么想法吗？

感谢。

编辑：这是我正在使用的子主题的css代码.css在那里，但由于某种原因它不会覆盖父css。）

    /*  
Theme Name: Standard Preview Child Theme
Description: Standard is a meticulously designed and coded theme for professional blogging. It adapts to mobile devices and individual posts can be styled distinctly for words, images, quotes, links, videos, or statuses. It includes a light and dark style sheet and precision, zero-config SEO techniques are built-in. Visitors will love it. Search engines will love it. And you will love it.
Author: 8BIT
Template: Standard
*/

@import url("../Standard/style.css");

.iframe { width:580px !important; height: 326px !important; }

/* Social Updates */
#text-25    {position:relative;}
#social         {background:url(http://wpdallas.com/test/wp-content/uploads/2012/02/noah-front-page-standard.jpg) no-repeat; height:300px; width:300px; position:relative;}
.social_icon        {height:32px; width:32px; display:inline-block;}
.social_trans       {height:32px; width:32px;}
#social_dock        {position:absolute; top:70px; left:8px;}
#social_dock a *    {border:0;}
#subscribe_dock     {position:absolute; bottom:12px; left:8px;}
#social #facebook   {background:url(http://noahsdad.com/wp-content/uploads/2012/02/social-sprite-2.png) no-repeat;}
#social #twitter    {background:url(http://noahsdad.com/wp-content/uploads/2012/02/social-sprite-2.png) no-repeat -32px 0px;}
#social #youtube    {background:url(http://noahsdad.com/wp-content/uploads/2012/02/social-sprite-2.png) no-repeat -64px 0px;}
#social #rss        {background:url(http://noahsdad.com/wp-content/uploads/2012/02/social-sprite-2.png) no-repeat -96px 0px;}
#social #pintrest   {background:url(http://noahsdad.com/wp-content/uploads/2012/02/social-sprite-2.png) no-repeat -128px 0px;}
#social #googleplus {background:url(http://noahsdad.com/wp-content/uploads/2012/02/social-sprite-2.png) no-repeat -160px 0px;}

#email-subscription-box {width: 244px !important; text-algn:center; margin-top:15px;}

/* Add Border Strip on Post Titles */
h2.title   {font-size: 16px; line-height: 24px; border-left: 5px solid #2e3192; padding-left: 8px; 
    -webkit-transition-property: *; 
    -webkit-transition-duration: 1s; 
    -moz-transition-property: *; 
    -moz-transition-duration: 1s;
   }
h2.title:hover  {border-left: 5px solid #d5145a; padding-left: 5px;}

[css].bsap-wrapper { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #FFFFFF; border-radius: 4px; padding: 15px 0 10px 15px; }
.bsap-wrapper .bsap a { margin-right: 17px; }[/css]

.content iframe { width:580px; height: 326px; }

Answer 1

对于图片“嗨，我是诺亚”以及图标，图片不会显示，因为你的css中没有指定背景图片。

在NoahsDad.com上，使用以下CSS显示Hi I'm Noah图片

#social {
   background: url(http://noahsdad.com/wp-content/uploads/2012/02/bg2.jpg) no-repeat;
   height: 260px;
   width: 260px;
   position: relative;
}

http://wpdallas.com/test/网站根本不包含此css。你应该检查你的CSS引用是否正确并加载。

<强>更新

您的CSS文件位于

http://wpdallas.com/test/wp-content/themes/Standard-Child-Theme-1/style.css

根据Wordpress docs，这不是儿童主题的正确路径设置。子主题位于父目录中。

public_html
  wp-content
    themes (directory where all themes are)
      twentyten (directory of our example parent theme, Twenty Ten)
        twentyten-child (directory of our child theme; can be named anything)
           style.css (required file in a child theme; must be named style.css)

我认为你应该在http://wordpress.stackexchange.com重新发布这个问题，因为WP API并不是我的强项。这样说就是这样：

我有一个名为Standard-Child-Theme-1的儿童主题。它的style.css文件未加载。我的网站是http://wpdallas.com/test。有人可以帮我解决为什么不包含它吗？

Answer 2

我出现了与这些图标相同/类似的问题。虽然我的CSS似乎设置得很好，但我仍然没有看到图标。

将父主题中的文件夹“images”复制并粘贴到子主题的文件夹中会立即清除问题。

图标和图片没有显示？知道为什么吗？

2 个答案: