Forum Support

Shape 5
March 28, 2024, 03:09:33 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: changing background colors  (Read 581 times)
wilson camacho
Jr. Member
**
Offline Offline

Posts: 102



« on: August 29, 2012, 12:07:08 AM »

hi

 i would like to change the background colors of  the articles titles,  vertical accordion and the drop down of the menu items?

Logged
pmiddleton
Global Moderator
*****
Offline Offline

Posts: 2097



« Reply #1 on: August 30, 2012, 09:41:14 AM »

Hi Wilson

URL?
Logged

Paul
------------
Shape 5 Team


- Using Firebug will save you so much time, frustration and forum questions:
http://getfirebug.com/


- Need some custom coding done on your site? Use our Shape 5 Hire a Coder program for free:
http://www.shape5.com/hire_a_coder/listauctions
wilson camacho
Jr. Member
**
Offline Offline

Posts: 102



« Reply #2 on: August 30, 2012, 02:05:18 PM »

this is my url http://www.sandungatv.org/index.php
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: August 31, 2012, 03:50:25 AM »

Article Titles:

The background is currently an image so if you want a different background color you can erase the image and add a solid color to the background like #FFFFFF; or you can edit the image itself and color the image then re-upload it.

The color portion of the below code controls your articles text color specifically and the background would be the image

com_content_css (line 56)

.contentheading {
    background: url("../images/s5_title_bg.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    float: left;
    font-size: 1.6em;
    height: 45px;
    padding-left: 20px;
    padding-right: 68px;
    padding-top: 14px;
    text-shadow: 1px 1px #000000;

For the Vertical Accordian:

template.css (line 941)

#s5_va_accordion {
    margin-bottom: -7px;
}

Add whatever background color you like below the margin-bottom

background: #FFFFFF;

For the drop down menus:

s5_flex_menu (line 108)

#subMenusContainer div.s5_sub_wrap ul ul, #subMenusContainer div.s5_sub_wrap_lower ul ul, #subMenusContainer div.s5_sub_wrap_rtl ul ul, #subMenusContainer div.s5_sub_wrap_lower_rtl ul ul {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    margin: 0;
    padding: 8px 0 10px;

Change the background to whatever you want like before
« Last Edit: August 31, 2012, 03:53:02 AM by twisterman » 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
wilson camacho
Jr. Member
**
Offline Offline

Posts: 102



« Reply #4 on: September 07, 2012, 12:49:39 AM »



thank you
Logged
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.