Vermeld in iedere vraag duidelijk:
- De versie van Joomla! 3.X die je gebruikt
- De volledige url van je website indien mogelijk.
- De versie van de extensie waar de vraag over gaat.
opgelost hulp bij navigatiekleur aanpassen
hulp bij navigatiekleur aanpassen
26 jan 2018 16:26 - 26 jan 2018 16:36
Hoi iedereen,
Ik heb even een vraag. Ik heb een theme (ice-future) geïnstalleerd op mijn joomla website. Alleen wil ik nu de kleur van de achtergrond van de navigatiebalk en de tekstkleur wijzigen. Het is me ooit gelukt, maar ik kan het niet meer terugvinden.. Wil er iemand met me meekijken?
Hieronder de codes. Hopelijk zien jullie waar ik het moet aanpassen.
Het gaat om deze website: www.debruijnadviesgroep.nl . De navigatiebalk moet dus uiteindelijk donkerblauw worden, en de tekst wit. Als ik op de homepagina sta, mogen de letters groen zijn.
Snapt iemand waar ik het moet aanpassen of iets moet toevoegen?
Thanks, Marij
Edit Romke: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
Ik heb even een vraag. Ik heb een theme (ice-future) geïnstalleerd op mijn joomla website. Alleen wil ik nu de kleur van de achtergrond van de navigatiebalk en de tekstkleur wijzigen. Het is me ooit gelukt, maar ik kan het niet meer terugvinden.. Wil er iemand met me meekijken?
Hieronder de codes. Hopelijk zien jullie waar ik het moet aanpassen.
Het gaat om deze website: www.debruijnadviesgroep.nl . De navigatiebalk moet dus uiteindelijk donkerblauw worden, en de tekst wit. Als ik op de homepagina sta, mogen de letters groen zijn.
Snapt iemand waar ik het moet aanpassen of iets moet toevoegen?
Thanks, Marij
Code:
fi/**
* IceMegaMenu Extension for Joomla 3.0 By IceTheme
*
*
* @copyright Copyright (C) 2012 IceTheme.com. All rights reserved.
* @license GNU General Public License version 2
*
* @Website http://www.icetheme.com/Joomla-Extensions/icemegamenu.html
*
*/
.collapse {
overflow: visible;}
/* clear some styles */
.icemegamenu ul,
.icemegamenu li {
list-style-type:none;
padding:0;
margin:0}
/* begin mainmenu */
.icemegamenu > ul {
position: relative;
margin:0;
padding:0;
z-index: 999;
clear: both;
width: 100%;
height:55px;}
.icemegamenu > ul > li {
position: relative;
display: block;
float: left;
margin-right:1px;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
.icemegamenu > ul > li a.iceMenuTitle {
position: relative;
z-index: 9999;
display: block;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 1px 20px 0 20px;
height:44px;
line-height: 28px;
font-size: 16px;
color: #00324b;
text-decoration:none;
text-shadow: 1px 1px 1px rgba(0,0,0,.3);}
.icemegamenu ul > li a.iceMenuTitle:hover,
.icemegamenu ul > li:hover > a.iceMenuTitle,
.icemegamenu ul > ul > li:hover > a.iceMenuTitle,
ul.icesubMenu li.active a.iceMenuTitle {
color: #BAD100}
div.icemegamenu ul#icemegamenu li.active a.icemega_active > span.icemega_title{
color: #BAD100}
/* subtitles */
.icemegamenu > ul > li span.icemega_desc {
display:block;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
padding:0;
line-height:1.25em;
color: #00324b!important;
margin-bottom: 7px;
margin-top:-6px;
text-shadow:none!important}
/* when dont have subtitle */
.icemegamenu > ul > li > a.iceMenuTitle > span.icemega_nosubtitle {
padding-top:7px;
display:block}
/* when is current */
.icemegamenu > ul > li:hover,
.icemegamenu > ul > li.active {
background:#00324b}
/* Submenu */
ul.icesubMenu {
position: absolute;
z-index: 600;
padding: 0 0 10px;
margin:0;
top: 100px;
left: 0;
opacity: 0;
visibility: hidden;
background: #00324b;
border: 1px solid rgba(255,255,255,.3);
border-top:none;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
#icemegamenu > li:hover > ul.icesubMenu {
opacity: 1;
visibility: visible;
top: 45px;}
ul.icesubMenu ul > li {
position:relative;}
ul.icesubMenu > li a.iceMenuTitle {
height: auto;
display: block;
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0 0 0 15px;
line-height: 30px;
margin: 0 14px;
border-radius: 0;
background: url(../images/point.png) no-repeat 0 7px;
border-bottom: 1px dotted rgba(255, 255, 255, .2)!important;}
/* when is parent */
ul.icesubMenu li.parent {
background: url(../images/arrow.png) no-repeat 93% 45%;}
/* Second Level Dropdown */
ul.sub_level_2,
ul.sub_level_3,
ul.sub_level_4,
ul.sub_level_5 {
top: -1px;
left: 280px;
z-index:99999;
box-shadow:none;
border: 1px solid rgba(255,255,255,.3);
margin: 0 0 0 20px;}
ul.icesubMenu ul > li:hover > ul {
opacity: 1;
visibility: visible;
left: 230px;}
/* Toggle for responsive */
.ice-megamenu-toggle {
display: none;
}
.ice-megamenu-toggle a {
background: url("../images/mobile_menu_btn.png") no-repeat scroll 0 0 transparent;
display: block;
height: 30px;
width: 30px;
position:absolute;
top:8px;
right:0;
text-indent: -9999px;}
/* Modules inside dropdown */
.icesubMenu .icemega_cover_module {
padding: 10px 15px;
width:auto!important;
color:#fff;
color:rgba(255,255,255,.6);
background: rgba(0, 0, 0, .15);
margin: 10px 10px 0px;
}
.icesubMenu .icemega_cover_module span.iceModuleTile {
color:#fff;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:18px;
text-shadow: 1px 1px 1px rgba(0,0,0,.3);
margin-bottom:6px;
display:block;}
.icesubMenu .icemega_cover_module a {
color:#F0C237}
Edit Romke: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
Laatst bewerkt 26 jan 2018 16:36 door Romke.
- Marij
-
Heeft onderwerp gestart
- Nieuw op Joomla!NL
-
- Berichten: 5
- Romke
-
- Algemeen Moderator
-
- Berichten: 3629
- Marij
-
Heeft onderwerp gestart
- Nieuw op Joomla!NL
-
- Berichten: 5
