Forum Support

Shape 5
April 19, 2021, 03:18:47 PM *
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: Widget Style for Gray or Gradient  (Read 313 times)
gtc6000
Jr. Member
**
Offline Offline

Posts: 45



« on: March 10, 2017, 11:14:27 AM »

I need to add opacity or make very light the color of the gray or gradient style.  The left column is too dark  (reconciliationmin.org).  I have been searching CSS and trying to make use of Firebug.   Any ideas?  Thanks in advance.

Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #1 on: March 10, 2017, 01:46:49 PM »

I'm not exactly sure what you're asking.  Could you give more specific details?
Logged

Tristan Rineer
------------
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
gtc6000
Jr. Member
**
Offline Offline

Posts: 45



« Reply #2 on: March 10, 2017, 04:44:32 PM »

I'm not exactly sure what you're asking.  Could you give more specific details?

www.reconciliationmin.org

The left column is too dark.  I wanted to lighten the gray or use opacity somehow.  I was unable to locate the correct edit in CSS.
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #3 on: March 13, 2017, 10:26:35 AM »

I found the following code by inspecting the left column with Firebug, the "background" line is the color you want to change; it is located around line 415 of css/template.css in the theme folder:

Code:
#s5_split_layout_column_wrap_outer {
    display: table-cell;
    width: 45%;
    background: #41444A;
    vertical-align: top;
    color: #FFFFFF;
}
Logged

Tristan Rineer
------------
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.