覆盖帆布移动响应CSS宇主题

我使用WOO帆布主题开发网站。我想添加自定义CSS移动响应layout.Canvas是响应，但我想添加自定义CSS更改字体大小等上。我使用下面的代码在我的画布子主题的style.css添加CSS，但更改不会反映在前端....请帮助覆盖帆布移动响应CSS宇主题

// For mobile devices 
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){ 
     /* custom css ----------- */ 
} 
and so on for other devices

来源

2013-11-22 user2890193

-1

的问题很可能是你在写CSS child style.css不会覆盖原始style.css文件（其中已经有字体大小）。

如果包含！你的CSS它可能会解决这个问题很重要，例如改变

font-size: 14px;

到

font-size: 14px !important;

！重要否决任何对于一个分配的其他款式。除非删除原始的style.css文件（哪种类型的子主题失败），否则这是您必须采用儿童主题AFAIK（使用！important重写CSS）的方法。

来源

2013-11-22 06:55:25 GSimon

其实，WordPress儿童主题的主要好处之一是它可以覆盖原来的style.css。实际上，child theme中唯一需要的文件是正确书写的style.css。

但是，一个问题是，Canvas有时使用get_template_directory_uri()，它返回父主题样式，而不是get_stylesheet_directory_uri()，它返回子主题样式。要改为使用您的儿童主题样式，您可以根据需要在/includes/theme-actions.php中更改您的儿童主题中的功能。我必须为layout.css和non-responsive.css这样做。

在CSS中使用!important是often a bad idea。

来源

2014-07-11 16:56:34

覆盖帆布移动响应CSS宇主题

回答

相关问题