Hi,
I´ve got a couple of questions regarding the conversion of Arkadia into a dark template.
I already figured out some things, but I don´t know what do write into the custom css box or change in the editor to achive the following:
- background color of the style-box (the icons are png files - no problem)
- color of the highlight frame, when clicking on a word from the dropdown menu (default is yellow)
- the border color or background color of the filler module (the wide white border around the pictures)
and last but not least a quite stupid question:
- the default color of all joomla contents (default black)
Thanks
Michael
P.S.
and because there might be others like me, here some additional things (thx Ciarán):
To remove the top menu text shadow add the following to the custom css field of the templates parameters:
#hornav ul a, #hornav .separator {text-shadow: none;}
change the content area background add the following to the custom css:
.wrapper960 {background: #222222;}
change the color of the word "search" add:
#search .inputbox {color: #474747;}
And for those, where the logo-home button is too large just add:
.logo_container, h1.logo, h1.logo a, #logo {width: 272px; height: 120px;}
You´re welcome
Hi Micheal
To edit the style-box you can edit the following in your templates nexus.css (../templates/[yourtemplate]/css/nexus.css) or add it to the Custom CSS field changing to your own taste..
[code type=css].module_style-box .module, .style-box .module {
background-color: rgba(0, 0, 0, 0.043);
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05) inset;
border-radius: 4px 4px 4px 4px;
overflow: hidden;
margin-bottom:10px;
}[/code]
Not sure if I understand what you mean by highlight text.. this the hover effect on the drodown menu items?
For the filler (j51_imagelinkhover module) add the following to the Custom CSS field editing to your own taste..
[code type=css].j51imagelinkhover_border {
background: -moz-linear-gradient(center top , #FAFAFA, #DDDDDD) !important;
border-color: #DDDDDD !important;
}[/code]
Thank you for posting your updates to date
Ciarán
To edit the style-box you can edit the following in your templates nexus.css (../templates/[yourtemplate]/css/nexus.css) or add it to the Custom CSS field changing to your own taste..
[code type=css].module_style-box .module, .style-box .module {
background-color: rgba(0, 0, 0, 0.043);
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05) inset;
border-radius: 4px 4px 4px 4px;
overflow: hidden;
margin-bottom:10px;
}[/code]
Not sure if I understand what you mean by highlight text.. this the hover effect on the drodown menu items?
For the filler (j51_imagelinkhover module) add the following to the Custom CSS field editing to your own taste..
[code type=css].j51imagelinkhover_border {
background: -moz-linear-gradient(center top , #FAFAFA, #DDDDDD) !important;
border-color: #DDDDDD !important;
}[/code]
Thank you for posting your updates to date
Ciarán
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!