Hi
As depicted in the picture I want to reduce the space between the logo and the menu. And secondly I can’t seem to find the place where to change the color in the submenus
– Jesper
Hello Boddickerdk,
If you want to change the space between the logo and the menu please try the code below and place it in Theme panel->Cusotm CSS area.
The code is ->
.td-header-style-1 .td-header-sp-logo {
margin-bottom: 10px!important;
}
.td-header-style-1 .td-header-sp-recs, .td-header-style-1 .td-header-sp-logo {
margin-bottom: 10px;
}
The result you should see here -> http://screencast.com/t/uYXxspl6
The code is ->
.sf-menu ul li{
background-color:green!important;
}
The result -> http://screencast.com/t/emQnHXK0xPD
Hope this helps!
Thanks for your understanding!
It worked like a charm. Thx! 🙂
I got an additional question.
Shouldn’t this make the menu transparent?
.sf-menu ul li{ background-color:rgba(0, 0, 0, 0.6);!important; }
and where do I change the text color?
Thx in advance.
– Jesper
Hello Boddickerdk,
You will have to change the value of transparency if you want to achieve the transparent background but please notice that if the background will be transparent, the writing will overlap the back and will not look good.
Thanks for your message!
Hello,
You can try the code below ->
.sf-menu ul a {
color:red!important;
}
The result -> http://screencast.com/t/38qGHnFfya
Thanks.