【问题标题】:Overriding Inline Style with CSS for Wordpress Theme用 CSS 覆盖 Wordpress 主题的内联样式
【发布时间】:2014-02-17 07:10:49
【问题描述】:

首先是网站——http://www.channeltraveldeal.co.uk/blog

现在 - 没办法了,让我们走吧……嗨,我目前正在修补一个由 WP 支持的朋友业务页面。可悲的是,我在网页设计方面并不是很有经验,我只是比我的朋友了解更多,所以如果有人能够提供帮助,我需要一些帮助。

我正在尝试确保在尽可能多的平台上正确查看它,已使用的主题具有内置的响应设置,这显然有助于解决此问题,但不幸的是,标题图像没有发挥作用并且是太大(仅限平板电脑)。

我读到解决这个问题的最佳方法是将其添加到标题图像的 CSS -

宽度:100%; 高度:自动;

...这是令人困惑的部分(对我来说),我使用 Firebug 来定位图像的 HTML 和 CSS,这就是我发现的 -

HTML - <img width="1010" height="220" alt="Channel Travel Deal" src="http://channeltraveldeal.co.uk/blog/wp-content/uploads/2014/02/ctdlogotrue.jpg" class="preload-me">

CSS(点击链接的 HTML 时从右窗格) - http://pastebin.com/6hyN7yTr

我认为“preload.me”img 类是我需要修改的类。我用谷歌搜索了一下,想出了几个不同的 sn-ps 来尝试,但都没有奏效。这是我尝试过的。

.preload.me { width: 100%; height: auto; }

preload.me { width: 100%; height: auto; }

我尝试了这两种变体,在类名之后添加了 [style](没有空格)和/或在 CSS 值之后添加了 !important。

没有任何效果。如果我做错了什么,或者是否有什么阻止我覆盖这种内联样式,有人会告诉我。另外,如果我的方法完全走错了路,我能不能用其他方法。

【问题讨论】:

  • 您的问题中发布的链接没有响应
  • 您好,抱歉,我不小心链接到了错误的页面,我现在使用适当的链接进行了编辑。

标签: html css wordpress


【解决方案1】:

如果class="preload-me"

那么您需要将 css 用作 preload-me 而不是 preload.me

它应该是:

.preload-me{}

【讨论】:

  • 谢谢!那是一种享受。这是我会坚持的宝贵知识。烦人的事情是如此简单,但我认为我自己无法找到其中之一。你是人中的神!
  • 在 320px 宽度和 #header .wf-table {} 和 max-width from @media screen and (max-width: 760px) .logo-center #branding {} 中删除 heightmin-height 属性。然后在#header .wf-table {} 上添加padding: 10px 0; 一些间距。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-12-17
  • 2013-07-13
  • 2021-11-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-01-20
相关资源
最近更新 更多