Forum Support

Shape 5
March 28, 2024, 07:31:30 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: Content (middle area) Background Change  (Read 924 times)
mva86
Jr. Member
**
Offline Offline

Posts: 11



« on: August 29, 2015, 04:46:11 PM »

I would like to have the site background show with a white content area like this site using one of your themes (http://www.islandcamps.com/about-us).  I set the background to an image, but can not find how to change content area background.  In the example the background is a blue like image and the content area where the text is located is white.

Thanks


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

Posts: 3858

Gravatar


« Reply #1 on: August 31, 2015, 08:24:00 AM »

The gradient blue shadow is a feature of the Lime Light theme being used on the site you linked to.  You are welcome to use Firebug to inspect the HTML and CSS of that site to see if you can figure out how to add something similar to Design Control, but that is considered custom coding and is not covered by support.
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
mva86
Jr. Member
**
Offline Offline

Posts: 11



« Reply #2 on: September 30, 2015, 12:21:14 PM »

Edit:  I think I figured it out; when I get home I will test it out.

I know that this is custom code, but I would like the middle area to be set to width=1200px.  I've set it using Firefox or Chrome inspect element, but when I re-size the browser window the middle area is not responsive.  It is only responsive when I use percentages, but on a larger screen I don't like how it looks, I like how this site looks, http://www.islandcamps.com.  How would I get it responsive?
This, http://www.islandcamps.com/about-us, site is responsive and the middle area is set to width=1200px, when I inspect the element in Firefox or Chrome.

Site I'm working on:  http://mowashproduction.com
« Last Edit: September 30, 2015, 12:41:49 PM by mva86 » Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #3 on: October 01, 2015, 06:57:07 AM »

I recommend getting rid of the following code in custom.css:

Code:
#s5_center_area2 {
    width: 85% !important;}

The site width can be defined in the theme options, and if you want to set a "max-width", to keep it from being too wide, that's in there too.  Before hard-coding any layout CSS, you should always make sure you check to see if what you want to do is handled by the theme options; especially if it's related to the responsive layout, as there are multiple things that need adjustment to keep the site responsive, and the framework is designed to make sure that is done correctly.
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
mva86
Jr. Member
**
Offline Offline

Posts: 11



« Reply #4 on: October 01, 2015, 07:15:07 AM »

I think that I got the site the way I like.
Thanks for the reply.

URL:  http://mowashproduction.com
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.