Changing the color of the 'active'


Changing the color of the 'active'



The active color is still White even after rgb is changed.




.nav li>a:hover,
.nav .open>a:hover,
.nav li>a:focus,
.nav .open>a:focus,
.nav li>a:active,
.nav .open>a:active {
background-color: rgb(255, 0, 0)


<nav class="navbar navbar-m2p sidebar" role="navigation">





Toggle navigation




FoobarCompany

</nav>





I can not see any li in html code
– לבני מלכה
Jul 3 at 9:46


li





Think you need to learn about basic css selectors - do a tutorial, it will save you a lot of time and questions. But the main problems I see is you have nothing with a class of nav and no li so obviously your css is not styling anything
– Pete
Jul 3 at 9:51





2 Answers
2



instead use of nav use navbar and inside navbar a


nav


navbar


navbar a




.navbar a:hover,
.navbar .open>a:hover,
.navbar span>a:focus,
.navbar .open>a:focus,
.navbar a:active,
.navbar a:active {
background-color: rgb(255, 0, 0)


<nav class="navbar navbar-m2p sidebar" role="navigation">





Toggle navigation




FoobarCompany

</div>
</nav>





I would also like to make a hover to the other sub-menus
– James Theuma
Jul 3 at 10:51



Use .navbar instead .nav and I can not see any li element so remove it from css:


.navbar


.nav


li



I recommand you learn about selector in css:https://www.w3schools.com/cssref/css_selectors.asp




.navbar a:hover,
.navbar a:focus,
.navbar a:active {
background-color:rgb(255,0,0);
}


<nav class="navbar navbar-m2p sidebar" role="navigation">





Toggle navigation





FoobarCompany





tell me if you have any li in html code...
– לבני מלכה
Jul 3 at 9:49





what are you repeating the selector with open ?
– Temani Afif
Jul 3 at 10:06


open





you right... if he want apply style to a anyway it never mind if it open or not I will edit answer
– לבני מלכה
Jul 3 at 10:08


a





@TemaniAfif edited thanks for turned my attention...
– לבני מלכה
Jul 3 at 10:10







By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

-

Popular posts from this blog

api-platform.com Unable to generate an IRI for the item of type

api-platform.com Unable to generate an IRI for the item of type I'm trying to setup my first api-platform instance and have run into some presumably noob questions around IDE. What i'm trying to do is setting up an register and reset entity in order to deal with registrations and password reminders from an app. And then have the entity's passed to a custom controller to do some checks, balances and mails afterwards (haven’t gotten around to that yet). But I keep running into this error when posting to my custom entities: { "@context": "/api/contexts/Error", "@type": "hydra:Error", "hydra:title": "An error occurred", "hydra:description": "Unable to generate an IRI for the item of type "AppXXXUserBundleEntityRegister"", "trace": [ { "namespace": "", "short_class": "", "c
Read more

How to set up datasource with Spring for HikariCP?

How to set up datasource with Spring for HikariCP? Hi I'm trying to use HikariCP with Spring for connection pool. I'm using jdbcTempLate and JdbcdaoSupport. This is my spring configuration file for datasource: <bean id="dataSource" class="com.zaxxer.hikari.HikariDataSource"> <property name="dataSourceClassName" value="oracle.jdbc.driver.OracleDriver"/> <property name="dataSource.url" value="jdbc:oracle:thin:@localhost:1521:XE"/> <property name="dataSource.user" value="username"/> <property name="dataSource.password" value="password"/> </bean> But unfortunately the following error message is generating: Cannot resolve reference to bean 'dataSource' while setting bean property 'dataSource'; nested exception is org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'dataSource'
Read more

Display dokan vendor name on Woocommerce single product pages

Display dokan vendor name on Woocommerce single product pages With woocommerce I am using Dokan plugin and I am trying to display the vendor name, rating and vendor location on single product pages. I tried this code to display vendor name but no luck: //show store name add_action( 'woocommerce_single_product_summary', 'show_store_name', 20 ); function show_store_name() { printf( '<b>Seller Name:</b> <a href="%s">%s</a>', dokan_get_store_url( $author->ID ), $store_info['store_name'] ); } Any help is appreciated. 1 Answer 1 I don't use dokan plugin. Here is the way to get the (post) author ID and to make your code work: add_action( 'woocommerce_single_product_summary', 'display_author_name', 20 ); function display_author_name() { // Get the author ID (the vendor ID) $vendor_id = get_post_field( &#
Read more