css - 导航背景色

标签 css wordpress

我正在尝试将导航栏上的“获取演示”(menu-item-382) 更改为周围有方形彩色背景 (#3EAABD)。

这是使用检查元素工具的代码:

<header id="masthead" class="navbar navbar-fixed-top swatch-red-white text-caps" role="banner">
    <div class="container">
        <div class="navbar-header"></div>
        <nav class="collapse navbar-collapse main-navbar" role="navigation">
            <div class="menu-sidebar pull-right"></div>
            <div class="menu-main-menu-container">
                <ul id="menu-main-menu" class="nav navbar-nav navbar-right">
                    <li id="menu-item-342" class="menu-item menu-item-type-post_type menu-item-object-page cur… page-item-215 current_page_item menu-item-342 active active"></li>
                    <li id="menu-item-283" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-283"></li>
                    <li id="menu-item-282" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-282"></li>
                    <li id="menu-item-278" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-278"></li>
                    <li id="menu-item-329" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-329"></li>
                    <li id="menu-item-382" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-382">
                        <a href="http://theloyaltycloud.com/demo/" title="Get A Demo"></a>
                    </li>
                </ul>
            </div>

我该怎么做,正确的 style.css 文件位于我的 Wordpress 网站 theloyaltycloud.com 上的哪个位置,供我编辑?

目前,样式 css 文件只说明了这一点:

/* Theme Name: Angle
 * Theme URI: ///
 * Description: Angle Theme
 * Version: 1.4.0
 * Author: 
 * Author URI: 
 * Tags: responsive-layout, blue, brown, red, custom-background, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
 * License: envato marketplace licence
 */

希望这是有道理的,因为我正在努力做到这一点,

非常感谢大家,

加雷思

最佳答案

将您的 css 文件更改为:

/* Theme Name: Angle
 * Theme URI: ///
 * Description: Angle Theme
 * Version: 1.4.0
 * Author: 
 * Author URI: 
 * Tags: responsive-layout, blue, brown, red, custom-background, custom-colors, custom-menu,     featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
 * License: envato marketplace licence
 */

#menu-item-382 
{
    background-color: #3EAABD;
}

这只会将该菜单选项的背景颜色更改为该颜色

关于css - 导航背景色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22864686/

相关文章:

reactjs - 获取错误 : invalid json response body at . 。 JSON 中位置 0 处出现意外标记 <

php - 冲突的 'p' 样式

php - 添加过滤器以将类添加到 WordPress 中的标记链接

php - 导航栏问题 : only show links in nav bar when logged in as admin

css sprite 看起来与背景图片不同

css - 这些选择器有什么区别?

html - 用单个图像替换背景图像并获得相同的效果

php - WP-联系表格 7 -- PHP

javascript - 将同一 GAS 元素中的 CSS 和 JS 导入电子表格 HtmlOutput

html - 图像叠加帮助 - 它全部堆叠在一张图像上