{"id":4176085,"date":"2013-09-30T16:25:28","date_gmt":"2013-09-30T16:25:28","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/custom-css-38\/"},"modified":"2016-08-21T05:38:03","modified_gmt":"2016-08-21T05:38:03","slug":"custom-css-38","status":"closed","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/custom-css-38\/","title":{"rendered":"Custom CSS"},"content":{"rendered":"<p>I am trying to add some Custom CSS to the toggle bar, so the toggle function fits the theme of my site. Is this possible? I need my title the actual toggle bar to be a specific color (i.e., font style, font color, background color, hover color, etc.)<\/p>\n<p>I brought the following in to Custom CSS, made a few changes, and nothing happened on the front-end: <\/p>\n<pre><code>\/*************************************************************** Begin Toggle *\/\n\n.doptoggle-wrapper{\n    margin: 0 0 1.5em 0;\n}\n\n.doptoggle-wrapper .doptoggle{\n    background: #414141;\n    color: #fff;\n    display: block;\nfont-family:&quot;Petita&quot;, Arial, Helvetica, sans-serif;\nfont-weight:normal;\n\tfont-style:normal;\n    font-size: 1em;\n    line-height: 2em;\n    padding: 0 1em;\n    text-decoration: none;\n    z-index: 1000;\n}\n\n.doptoggle-wrapper .doptoggle .icon,\n.doptoggle-wrapper .doptoggle .active-icon{\n    background: none;\n    color: #e2e2e2;\n    display: block;\n    float: right;\n    font-size: 1.5em;\n    line-height: 1.35em;\n    -webkit-transition: color 300ms linear;\n    -moz-transition: color 300ms linear;\n    -ms-transition: color 300ms linear;\n    -o-transition: color 300ms linear;\n    transition: color 300ms linear;\n}\n\n.doptoggle-wrapper.dopactive .doptoggle{\n    background: #e2e2e2;\n    color: #212121;\n    -webkit-transition: background 300ms linear, color 300ms linear;\n    -moz-transition: background 300ms linear, color 300ms linear;\n    -ms-transition: background 300ms linear, color 300ms linear;\n    -o-transition: background 300ms linear, color 300ms linear;\n    transition: background 300ms linear, color 300ms linear;\n}\n\n.doptoggle-wrapper.dopactive .doptoggle .icon,\n.doptoggle-wrapper.dopactive .doptoggle .active-icon{\n    color: #212121;\n    -webkit-transition: color 300ms linear;\n    -moz-transition: color 300ms linear;\n    -ms-transition: color 300ms linear;\n    -o-transition: color 300ms linear;\n    transition: color 300ms linear;\n}\n\n.doptoggle-wrapper .doptoggle:hover{\n    background: #000000;\n    color: #e2e2e2;\n    -webkit-transition: background 300ms linear, color 300ms linear;\n    -moz-transition: background 300ms linear, color 300ms linear;\n    -ms-transition: background 300ms linear, color 300ms linear;\n    -o-transition: background 300ms linear, color 300ms linear;\n    transition: background 300ms linear, color 300ms linear;\n}\n\n.doptoggle-wrapper .doptoggle:hover .icon,\n.doptoggle-wrapper .doptoggle:hover .active-icon{\n    color: #e2e2e2;\n    -webkit-transition: color 300ms linear;\n    -moz-transition: color 300ms linear;\n    -ms-transition: color 300ms linear;\n    -o-transition: color 300ms linear;\n    transition: color 300ms linear;\n}\n\n.doptoggle-wrapper .doptoggle .icon,\n.doptoggle-wrapper.dopactive .doptoggle .active-icon{\n    display: block;\n}\n\n.doptoggle-wrapper.dopactive .doptoggle .icon,\n.doptoggle-wrapper .doptoggle .active-icon{\n    display: none;\n}\n\n.doptoggle-wrapper .doptoggle-content{\n    border: 1px solid #e2e2e2;\n    display: none;\n    padding: 1.5em 1em;\n}<\/code><\/pre>\n<p>The site I am working on is <a href=\"http:\/\/www.cedarstreetco.com\"><\/a><\/p>\n<p>https:\/\/wordpress.org\/plugins\/dop-shortcodes\/<\/p>\n","protected":false},"template":"","class_list":["post-4176085","topic","type-topic","status-closed","hentry","topic-tag-changing-colors"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/4176085","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/4176085\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=4176085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}