Split Background w/ Centered Content

[calebwilliams]

Hello,
I have two design questions

1. I want to split the background colors on a page — blue on left at 50% width and white on right at 50% width and then place content at full width on page over the background. What would be the best way to accomplish this?

2. At gracestand.com on the home page in section 2 I have the words: Helping you get The Word Out. I would like to create a transition for “The Word” from the dark grey of the rest of the text to gold upon scrolling down.

Any help with these two things will be very much appreciated!

God Bless!

[friech]

Hi There,

Thank you for writing in! #1 You can achieve that with a gradient background applied on the body. Please add this on Pro > Launch > Theme Options > CSS

/*body background-color solid blue on left and solid white on right*/
body {
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(left, #1e5799 50%, #ffffff 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #1e5799 50%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #1e5799 50%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

2. Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. You can seek help from a developer to help you on this. We do have an in-house custom development team that offer paid services, who may be able to assist. They can be contacted at pinnacle@theme.co if this is of interest to you.

Thank you for understanding.

[calebwilliams]

Thank you, the gradient worked perfectly!!

[lely]

You’re always welcome!

Cheers!