Style Problems

[Ruan Kuypers]

Hello,

I'm trying to edit the SIX theme but some of the css code I'm using is not working. Here are a few of my problems:

1. Menu hover is not changing color: https://prnt.sc/t4goa3
2. Logged in user menu not changing: https://prnt.sc/t4gnsk
3. Trying to hide this top bar by using the display hidden value but it's also not working: https://prnt.sc/t4gp1x
4. Changing this H1 color is also not working: https://prnt.sc/t4gpgj

I am editing the custom.css for this, here's my code: https://pastebin.com/5MXB9cG0

I am using the "inspect element" to get these values, some of them are not in the pastebin because they simply did not work, I hope that someone is able to help me out.

Best Wishes

[brian!]

Hi Ruan,

On 23/06/2020 at 08:09, Ruan Kuypers said:

1. Menu hover is not changing color: https://prnt.sc/t4goa3
2. Logged in user menu not changing: https://prnt.sc/t4gnsk

check out the main-navbar hover sections in all.css and that will show you how to change the hover colour...

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .active > a:focus,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus {
    color: #eee;
    background-color: #404040;
}

On 23/06/2020 at 08:09, Ruan Kuypers said:

3. Trying to hide this top bar by using the display hidden value but it's also not working: https://prnt.sc/t4gp1x

it's using an ID and not a class, so it would be...

#header {display: none;}

On 23/06/2020 at 08:09, Ruan Kuypers said:

4. Changing this H1 color is also not working: https://prnt.sc/t4gpgj

in your custom CSS you only need to add those lines that need to be changed... and for changing colours like this, you'll often just need to add an !important to the entry...

.header-lined h1 {color: #000 !important;}

Edited June 25, 2020 by brian!

[Ruan Kuypers]

@brian!

Thank you very much for your reply! I will try these out right now.

Sorry for my delayed response 🙂

Regards.