【问题标题】:What/Where generates this CSS code to my Wordpress-page什么/在哪里生成这个 CSS 代码到我的 Wordpress 页面
【发布时间】:2016-03-29 01:10:11
【问题描述】:

我一直在尝试将免费的 WP 主题(Arcade Basic)修改为全宽。根据检查元素,我需要修改的元素是:

.container { 最大宽度:1170px; }

在Inspect Element上显示源为(index):81,当然是页面的索引文件。虽然我不知道这是从哪里来的。

这可能是一些主题的 JS 脚本,但我用 NotePad++:s 搜索功能检查了所有这些,但我没有找到任何这种代码的踪迹。 style.css 也没有。

这可能是从哪里来的?

主题:https://wordpress.org/themes/arcade-basic/

【问题讨论】:

  • 您是否尝试过使用!important?它会覆盖css。
  • 成功了。将标签放在 style.css .container 部分。非常感谢!
  • 没问题...很高兴为您提供帮助!快乐编码! =)...您可能想搜索css specificity...
  • 谢谢!我会把它放在我的阅读清单上。对任何类型的编码都很陌生,所以有很多学习要做:)

标签: html css wordpress wordpress-theming inspect-element


【解决方案1】:

虽然这解决了您的问题,但作为参考,宽度是通过 styles.css 文件中的媒体查询设置的。具体如下:

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 769px) {
    .container {
      width: 760px; } }
  @media (min-width: 992px) {
    .container {
      width: 980px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1180px; } }

【讨论】:

  • 谢谢。我将保存此以供将来参考。昨天我只更改了桌面尺寸,因此其他尺寸也需要更改。
猜你喜欢
  • 1970-01-01
  • 2012-04-10
  • 1970-01-01
  • 1970-01-01
  • 2021-04-21
  • 2013-08-31
  • 2021-07-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多