Astra免费版移动端商品标题字号无法修改及主题重置咨询

一、移动端商品标题字号过大的修复 #

由于Astra免费版和Elementor的CSS优先级冲突，导致主题面板、编辑器修改无效，直接添加自定义CSS即可解决：

1. 进入WordPress后台，依次点击「外观」→「自定义」→「附加CSS」
2. 粘贴以下代码，可根据需求调整font-size数值（示例为16px）：

@media (max-width: 767px) {
    /* 适配WooCommerce默认商品标题 */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 16px !important;
        line-height: 1.4;
    }
    /* 适配Elementor编辑的商品标题 */
    .elementor-widget-heading .elementor-heading-title {
        font-size: 16px !important;
    }
}

3. 点击「发布」生效。若为其他页面的商品标题，可通过浏览器开发者工具（F12）查看对应CSS类名替换上述选择器。

二、无需预设按钮重置Astra主题设置 #

提供两种可行方法：

• 方法1：数据库手动重置
  1. 登录网站的phpMyAdmin，找到对应数据库
  2. 定位wp_options表（前缀可能非wp_，以你的实际配置为准）
  3. 删除所有以astra_开头的选项，比如astra_settings、astra_footer_settings、astra_header_settings等
  4. 刷新网站后台，Astra会自动恢复默认设置
• 方法2：代码片段重置
  1. 安装并激活「Code Snippets」插件
  2. 添加新片段，粘贴以下代码：

function reset_astra_settings() {
    $astra_options = get_option('astra_settings');
    if ($astra_options) {
        delete_option('astra_settings');
        delete_option('astra_footer_settings');
        delete_option('astra_header_settings');
        // 可根据需求添加更多astra开头的配置选项
    }
}
add_action('admin_init', 'reset_astra_settings');

3. 激活片段，刷新后台后立即停用并删除该片段，避免重复执行重置操作

内容的提问来源于stack exchange，提问作者Khulood Mohammed