Shape 5

Joomla Templates => Corpway - Club => : 107727gb August 22, 2014, 05:38:54 AM

: some color setting options
: 107727gb August 22, 2014, 05:38:54 AM

I have some color setting problems which I can't find out. Link to my testsite:

1. I changed the main menu color in Vertex. I allso want to change the line color between the different menus. See attachement menubardefault (now). But I want menubaryellow.jpg  You see it's working for me in Firebug, but I cannot find out where to change this in code (file/line)

2. I want to change the module border colors (attachement modulemenu) to #f9d616 instead of the grey which it is now. I allso want to change the horizontal lines between different menu options in this modules, like between 'modern business' and 'best technology' to this color. In fact all border color lines for modules. Can't find it in Vertex or code.

3. The bottom menu is in the footer area inner. I want to fill this area the same color as my main menu bar and changing the font color of the bottom menu of course. (att bottom menu)

4) Is it possible to set the button colors like 'read more' apart from main menu bar colors. The main menu color is set in Vertex, but it applies allso to other buttons et cetera. I want the buttons in my yellow color. How can I do this?

Hope my questions are clear.

: Re: some color setting options
: mikenicoll August 22, 2014, 05:12:05 PM

Please install and use Firebug for future questions like this. It will help you identify any CSS and where it comes from.

1) Add this to the custom.css file

#s5_nav li {
     box-shadow: 1px 0px 0px #ffff00 ! important;

2) Adjust the border calls here:

Template.CSS - Line 1164

.s5_va_inactive {
    background: none repeat scroll 0 0 #fafafa !important;
    border-top: 1px solid #e8e8e8 !important;
    color: #464646;
    transition: all 400ms ease-out 0s;

Template.CSS - Line 1159

.s5_va_active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-top: 1px solid #e8e8e8 !important;

3) Add the following to the custom.css file

#s5_footer_area1 {
     background: -moz-linear-gradient(center top , #654f47 0%, #4c362e 100%) repeat scroll 0px 0px transparent;

#s5_footer_area1 a, #s5_footer_area1 span {
     color: #ffffff;

4) You can add this to the custom.css
.readmore a {
     background: none repeat scroll 0% 0% #ffff00 ! important;
     border: 1px solid #cccccc;

.readmore {
     color: #000000 ! important;

To change the font color of the .readmore class adjust line 246 in the Template.CSS file

: Re: some color setting options - hover css
: ja1969 September 28, 2014, 05:23:38 AM
I have the problem, that I can not overrule an css command, that seems to be in the template source code.
And I dont want to hack the system.

My highlight color is something like GOLD (#AF9E71)

But I want to make hovering on submenu items different than in template.

All changes via custom.css are possible except one setting for the hover menu items.
See screenshot.
I tried to overrule with !important, but this does not work, because you already used important.

How can I solve this?


: Re: some color setting options - hover css submenu item font color
: ja1969 September 28, 2014, 05:27:42 AM
another screenshot to make it more clear ;-)

: Re: some color setting options
: ja1969 September 29, 2014, 03:14:21 PM
Solved my issue:
Vertex Register Theme Specific 2nd Option:
Use Highlight Color on Module Titles = NO instead of YES

Now it works ;-)

: Re: some color setting options
: mikenicoll September 29, 2014, 07:08:57 PM
Glad you got it sorted :)