Forum Support

Shape 5
March 29, 2024, 04:42:12 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: some color setting options  (Read 561 times)
107727gb
Jr. Member
**
Offline Offline

Posts: 117



« on: August 22, 2014, 05:38:54 AM »

Hello,

I have some color setting problems which I can't find out. Link to my testsite: http://www.giftshop-italy.com

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.
Regards.
« Last Edit: August 22, 2014, 05:07:12 PM by mikenicoll » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: August 22, 2014, 05:12:05 PM »

Hello,

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:

Code:
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;
}

Code:
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

Code:
#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
Code:
.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

Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
ja1969
Jr. Member
**
Offline Offline

Posts: 30



« Reply #2 on: 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.

Details:
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?

cheers
Joachim
Logged
ja1969
Jr. Member
**
Offline Offline

Posts: 30



« Reply #3 on: September 28, 2014, 05:27:42 AM »

another screenshot to make it more clear ;-)
Logged
ja1969
Jr. Member
**
Offline Offline

Posts: 30



« Reply #4 on: 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 ;-)
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: September 29, 2014, 07:08:57 PM »

Glad you got it sorted Smiley
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.