2012-10-20 28 views
0

我在Wordress中使用Portfolio-Press主题。我已经添加了一个980像素宽的文件作为徽标,给我一个“横幅”外观。它是一种风化的木板外观。为了照顾这个文件的左边和右边的边缘,我把一个风化的木板文件放在“logo”div下面的“品牌”div中,并给它一个repeat-x所以无论屏幕尺寸多大,它都会填满空白。可以正常工作,除非浏览器大小小于750像素。有一个@media css调用会激活它,使背景向下移动大约100 px,并拧紧菜单栏。你会认为这很容易找到和纠正,但我是一个虚拟的。我搜索了这个CSS调用,并找不到它在一个真正的CSS文件。它必须由脚本或其他东西生成。投资组合按下响应CSS如果它不在style.css中,该怎么办?

问题是,有没有什么我可以做这件事,而不重写JavaScript或任何正在写这个CSS?而且,如果它的javascript必须被重写,它到底在哪里呢?

您可以在

www.bufalobobschalupas.com

它很容易查看现场看到的CSS改变,如果你使用的开发工具开放运行它,并选择“品牌”的div中,“包装” DIV中。

回答

0

很难给出行号,因为css全部缩小了,但这是你的罪魁祸首;

@media screen and (max-width: 750px) { 
    #branding { 
    width: 46% 
    height: auto; 
    } 
} 

删除宽度和高度属性,它看起来很好。

而且你也许想在这个屏幕尺寸从.col-width

.col-width { 
    padding: 0; 
} 

编辑删除填充添加媒体查询:意识到自己只有一半回答您的问题。问题中的css文件是;

http://chalupaholics.com/wp-content/w3tc/min/3b548d20.31cc2f.css

我不知道这让您产生,但我通过真实编译CSS成减少页面请求的单个文件和涅槃它一个插件想象。我在说,因为CSS和JS被添加到异常高的顺序,甚至在元数据之前。在Windows上使用Grep或Astrogrep进行搜索,以在插件对其执行操作并在其中进行修改之前查找此CSS的源。

0

在试图找出如何正确添加边框在投资组合视图中的缩略图,我发现这个职位描述我需要更新CSS元素:

http://wordpress.org/support/topic/theme-portfolio-press-cant-remove-the-grey-border-on-the-thumbnails

“在你的CSS文件,找到:#content img,img.thumbnail并删除 border:1px solid #DDD;“

然后我重写风格,因为我需要在header.php中,直接闭合< /头“标签的上方。这有点破解,但我喜欢比在一个长CSS文件末尾进行编辑更好。我想这保证了我的CSS指令是最后被加载的,并且我总是会在文件顶部看到我的小修改。

不知道这是否会有所帮助,但我花了一点搜索找出CSS编辑的。我认为这可能是一个分享这个发现以及我如何使用它的好地方。

相关问题