如何用自定义CSS将航向从H2更改为H3？

qyswt5oh 于 2022-11-26 发布在其他

关注(0)|答案(3)|浏览(173)

我正在使用这个谷歌Map插件，不允许你改变Map的标题风格。开发人员告诉我，改变它与自定义CSS。
因为我是一个初学者，我不知道如何做，因为我没有id的元素，只有类。
当我从h2变成h3的时候，这一行会按照我的要求去做，但这只是在inspector中，我需要永久地应用它。

<h2 class="widgettitle">Marinas and tours</h2>

然后，我在插件文件中找到的唯一widgettitle是以下代码，在将其从h2更改为h3后，它什么也不做：

// initialize widgets
  static function widgets_init() {
    $options = GMWP::get_options();

    register_widget('GoogleMapsWidget');

    if (!$options['disable_sidebar']) {
      register_sidebar( array(
        'name' => __('Google Maps Widget PRO hidden sidebar', 'google-maps-widget'),
        'id' => 'google-maps-widget-hidden',
        'description' => __('Widgets in this area will never be shown anywhere in the theme. Area only helps you to build maps that are displayed with shortcodes.', 'google-maps-widget'),
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
        'after_widget'  => '</li>',
        'before_title'  => '<h2 class="widgettitle">',
        'after_title'   => '</h2>',
      ));
    } // if activated
  } // widgets_init

css

来源：https://stackoverflow.com/questions/70067431/how-do-i-change-heading-from-h2-to-h3-with-custom-css

3条答案

按热度按时间

sbdsn5lh1#

也许你可以通过Javascript来实现，创建一个新的h3元素，并将旧h2的内容替换为新的h3元素：

var h2 = document.getElementsByClassName('widgettitle')[0];

var h3 = document.createElement('h3');
h3.innerHTML = h2.innerHTML;

h2.parentNode.insertBefore(h3, h2);
h2.parentNode.removeChild(h2);

赞(0）回复(0）举报 2022-11-26

sdnqo3pr2#

我用记事本++在我的网站文件中寻找“widgettitle”来修复这个问题。有一个包含小部件标题默认值的PHP文件，我把它们从h2改为h3。

Line 271:       'before_title'   => '<h2 class="widgettitle">',
Line 1168:  *                                 Default `<h2 class="widgettitle">`.
Line 1197:      'before_title'  => '<h2 class="widgettitle">',

赞(0）回复(0）举报 2022-11-26

8mmmxcuj3#

这可能不是一个好的答案，但一个简单的解决方法是将以下内容添加到您的css中：

.widgettitle { 
    // default h3 styles
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

取自此SO question的样式代码。

赞(0）回复(0）举报 2022-11-26

我来回答

如何用自定义CSS将航向从H2更改为H3？

3条答案

相关问题

热门标签

最新问答