Go Back   Tech Support Forum > Design Forum > Web Design & Development

[SOLVED] Please HELP me change CSS MENU color

This is a discussion on [SOLVED] Please HELP me change CSS MENU color within the Web Design & Development forums, part of the Tech Support Forum category. Pleeeeease help me... Here is a website: www.finalslt.com There is no full html support... I am only allowed to change


Reply
 
Thread Tools Search this Thread
Old 07-10-2009, 01:29 PM   #1
Registered Member
 
Join Date: Apr 2007
Location: Los Angeles, CA
Posts: 265
OS: Windows 7

My System


Pleeeeease help me...

Here is a website:
www.finalslt.com

There is no full html support... I am only allowed to change the following codes:

Code:
/**
 * @file
 * @project 607
 * @package sftheme
 * @site app1
 */
 
/** 
 * ------------------------------------------------------------------
 * @section TYPOGRAPHY
 * ------------------------------------------------------------------
 */
 
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
p, form {margin:0 0 1.5em;padding:0;}
blockquote {margin:1.5em;}
sup, sub {line-height:0;}
address {margin:0 0 1.5em;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {line-height:1.5;}
li ul, li ol {margin:0 2.5em;padding:0;}
ul, ol {margin:0 1.5em 1.5em 3em;padding:0;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dd {margin-left:1.5em;}
caption {margin:0; padding:.5em;}

/** 
 * ------------------------------------------------------------------
 * @section MAIN AREA
 * ------------------------------------------------------------------
 */

body {
	margin: auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(http://app4.websitetonight.com/projects/1/3/1/7/1317223/_mygallery/background.png);
	background-repeat: repeat;	
}

.sf_outer_wrapper {
	width: 940px !important;
    margin: 20px auto;	
}

.sf_wrapper {	
	width:940px !important;	
	min-height:1%;
	height:auto !important;
	height:1%;  
}

.sf_wrapper:after {	
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;  
}

/** 
 * @subsection header
 */
.sf_header_wrapper {
	height:94px;
	width: 940px;	
	background-repeat: no-repeat;
	background-position:left top;	
}

.sf_main_header {
	text-align: left;	
	overflow: hidden;
	width: 910px;
	font-family: Georgia, times, serif;
	font-size: 28px;
	font-weight: normal;
	font-variant: normal;
	padding: 15px 15px 0 15px;	
	height: 64px;	
}
/**
 * app1 dashed border cutoff fix
 */
.sf_main_header .SharedBlock,
.sf_main_header .ActiveSharedBlock {
	height:60px;
	overflow:hidden;
}

/** 
 * @subsection extra4
 */
.sf_extra4 {
	float:right;
	display:inline;
	width:740px;
	height: 238px;
	background-image: url(http://app4.websitetonight.com/projects/1/3/1/7/1317223/_mygallery/Banner.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/** 
 * @subsection pagetitle
 */
.sf_region5 {	
	padding: 5px 10px 5px 27px;
	text-align: left;
	font-size: 19px;
	font-weight: normal;
	font-family: Georgia, times, serif;	
	width: 703px;
	display: block;
	min-height:25px;
	height:auto !important;
	height:25px;
	float:right;
}

/** 
 * @subsection content
 */
.sf_content {
	float: right;
	display:inline;
	width: 700px;	
	padding-top: 20px;
	padding-bottom: 30px;
	margin-right: 20px;
}

/** 
 * @subsection footer
 */
.sf_footer {	   
    font-family: Arial, Verdana, Helvetica, sans-serif;	
	clear:both;
	text-align:right;
	min-height:15px;
	height:auto !important;
	height:15px;
	padding:10px 10px;
	font-size:11px;			
}

.sf_footer p {
	margin:0px;
	padding:0px;
}

.sf_footer a:hover {
	text-decoration: none;	
}

/** 
 * @subsection banner
 */
.sf_banner {
	margin: 40px auto 0 auto;
	text-align: center;
}

#bannerLink {
	padding: 10px;
	margin: 10px;
}

/** 
 * @subsection buttons
 */
.btn {
	cursor:pointer;
	font-size:10px;
	font-weight:bold;
	margin:3px 3px 3px 0;
	padding:2px;
	text-transform:uppercase;
	border:medium none;
	font-family:Arial, Helvetica, FreeSans, sans-serif;
}

/** 
 * ------------------------------------------------------------------
 * @section SIDEBAR AREA
 * ------------------------------------------------------------------
 */
 
 /** 
 * @subsection navigation
 */
.sf_navigation{	
	text-transform: uppercase;	
	font-weight: bold;
	font-size: 10px;
	margin-bottom:30px;
	min-height:1%;
	height:auto !important;
	height:1%;
}

.sf_navigation .widget_content div {	
	margin:0px;
}

.sf_navigation .Block {
	border:none !important; 
	position:static !important; /*Relative causes it to disappear in IE*/
}

.sf_navigation:after{	
	content: ".";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}

.sf_navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 200px;
	min-height:1%;
	height:auto !important;
	height:1%;
}

.sf_navigation ul li { 
	padding: 0 0 1px;
	margin: 0;
	float: left;
	width: 200px;
	height:auto;
}

.sf_navigation ul li a {
	wi200dth: 194px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding:11px 3px 10px;
	margin: 0;
	min-height:13px;
	height:auto !important;
	height:13px;
	text-align:center;
}

.sf_navigation ul li a:hover {

}

.sf_navigation .subnav { 
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 200px;
	position: absolute;
	left: -999em;
	margin-left: 200px;
	margin-top: -34px;
	z-index:1000;
}

.sf_navigation .subnav li {
	padding: 0;
	margin: 0;
	float: left;
	width: 200px;
}

.sf_navigation .subnav li a {
	width: 194px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding:11px 3px 10px;
	margin: 0;
	min-height:13px;
	height:auto !important;
	height:13px;
	text-align:center;
}

.sf_navigation .subnav li a:hover {

}

#Nav1 li:hover ul, 
#Nav1 li.sfhover ul {
	left: auto;
}

#Nav1 iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
#Nav1 li:hover, #Nav1 li.hover {  
    position: static;  
} 

/** 
 * @subsection widgets
 */
 
.widgetset_app2_0, .widgetset_app3_0 {
	width:200px;
	overflow:hidden;
}

.sf_region4{	
	float: left;	
	width: 200px;
}

.main_nav .widget_header{
	display:none;
}

.sf_region4 ul,
.sf_region4 ol{	
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.widget_header {
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:4px 10px 4px;
	min-height:15px;
	height:auto !important;
	height:15px;
}

.widget_content {
	margin:0;
	padding:5px 10px 20px;
}

.widget_content div {
	margin:4px 0px;
	padding:0;
}

.widget_content label{
	margin:0;
	padding:0;
	display:block;
}

.widget_content form{
	margin:0;
	padding:0;
}

.widget_content select{
	width:180px;
}

.main_nav .widget_content {
	margin:0;
	padding:0;
}
PLEASE HELP ME!!!!
I will be very thankful...

__________________
Yervand is offline   Reply With Quote
Old 07-10-2009, 02:16 PM   #2
Manager
- Alternative Computing
- Design
 
wmorri's Avatar
 
Join Date: May 2008
Location: New York
Posts: 5,769
OS: Window 7/Ubuntu/Fedora/Backtrack 5

My System

Send a message via AIM to wmorri Send a message via MSN to wmorri

Hi,

Why can't you change the html as well as the CSS? I am hesitant to help make changes to this. It would seem a little fishy to me, I am sure that you will understand.

Cheers!

__________________



Linux Forever!|html5 boilerplate
wmorri is offline   Reply With Quote
Old 07-10-2009, 02:45 PM   #3
Registered Member
 
Join Date: Apr 2007
Location: Los Angeles, CA
Posts: 265
OS: Windows 7

My System


Quote:
Originally Posted by wmorri View Post
Why can't you change the html as well as the CSS?
I CAN change it, but I get a very limited access to the codes. Because of a type of the plan that my company got for the webhosting, we have a very limited access.

I am sure that there is something in the codes that can be changed or added to them and have color of buttons changed. I know because a guy before me that was working on another website faced the same problem and fixed it in the codes. Eventually I can't get reach of that guy and came to seek for help here.

It actually look more like a background image with text over it, but I can't find it in the codes. Can you help me? I just need the color to be gray (like: cccccc), or find an image so I can change it in Photoshop....
__________________
Yervand is offline   Reply With Quote
Old 07-12-2009, 07:20 AM   #4
Manager
- Alternative Computing
- Design
 
wmorri's Avatar
 
Join Date: May 2008
Location: New York
Posts: 5,769
OS: Window 7/Ubuntu/Fedora/Backtrack 5

My System

Send a message via AIM to wmorri Send a message via MSN to wmorri

Hi,

I haven't forgotten about you. I don't have my good webdesign stuff with me, I have to get it from home. I will have an answer for you tomarrow.

Cheers!
__________________



Linux Forever!|html5 boilerplate
wmorri is offline   Reply With Quote
Old 07-12-2009, 05:18 PM   #5
Registered Member
 
Join Date: Apr 2007
Location: Los Angeles, CA
Posts: 265
OS: Windows 7

My System


Quote:
Originally Posted by wmorri View Post
Hi,

I haven't forgotten about you. I don't have my good webdesign stuff with me, I have to get it from home. I will have an answer for you tomarrow.

Cheers!
Thank you so much. I will wait...
__________________
Yervand is offline   Reply With Quote
Old 07-13-2009, 04:16 PM   #6
I helped the forums.
 
DJ-Zep's Avatar
 
Join Date: Mar 2006
Location: Philadelphia
Posts: 1,571
OS: Windows 8 Professional (x64)

My System


Hello ervand. Is this the only css file you have access to?
__________________
DJ-Zep is offline   Reply With Quote
Old 07-13-2009, 04:29 PM   #7
Registered Member
 
Join Date: Apr 2007
Location: Los Angeles, CA
Posts: 265
OS: Windows 7

My System


Hello DJ-Zep.
Yes, eventually this is this is the only file that I am limited to... =/
__________________
Yervand is offline   Reply With Quote
Old 07-13-2009, 09:17 PM   #8
I helped the forums.
 
DJ-Zep's Avatar
 
Join Date: Mar 2006
Location: Philadelphia
Posts: 1,571
OS: Windows 8 Professional (x64)

My System


Alright I found the problem. Since this layout uses a lot of images, your only option is to replace http://www.finalslt.com/images/navbkg-ovr_1.gif with whatever color you want it to be. Although this might not be possible consdering your limited access. There is no other way to go about changing the color since this is an image (no CSS )

__________________
DJ-Zep is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is on
Smilies are on
[IMG] code is on
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Post a Question


» Site Navigation
 > FAQ
  > 10.0.0.2


All times are GMT -7. The time now is 11:04 AM.


Copyright 2001 - 2014, Tech Support Forum

Windows 7 - Windows XP - Windows Vista - Trojan Removal - Spyware Removal - Virus Removal - Networking - Security - Top Web Hosts