Hi Jeanette,
I’m really sorry that lots of this information overwhelm you, X with Cornerstone should not be this hard.
I see that you built your pages using the WordPress Classic text editor, please built your pages in Cornerstone page builder instead, this way you can edit and style your pages much easier.
If you edit an existing page in Cornerstone, make sure you copy the entire content first on a text document and start over the page in Cornerstone.
Note: Once you edit/built a page in Cornerstone, do not edit it on other page builder/editor or else you’ll lose the ability to edit that page back in Cornerstone
To learn more about Cornerstone content builder, please follow this link and see the articles on Cornerstone / Content Builder section.
Note: Because those articles where taken from the previous version of X and Cornerstone, the videos and screenshots on those will look different from what you have, but the workflow is all the same, don’t hesitate to write a new thread if you found something confusing on those articles/videos
Now, let’s go back to your main issue, keep in mind that the theme has a lot of options on the Theme Options, but forget about those other options for now and focus on the Theme Options > CSS area.
We should not give this kind of custom CSS, but what you’re after needs to. Yes, you’re right, the custom CSS I provided you above does affect all your pages, but we can make that more specific to only affect the pages that you need to be affected, by simply adding a CLASS on those pages. Let’s say our CLASS is named brown-bg, apply this class to your video pages (http://prntscr.com/joaqci)
And then update the CSS code I provided you above to this:
.brown-bg header .x-navbar,
.brown-bg header .x-logobar,
.brown-bg footer.x-colophon,
.brown-bg .x-main .entry-wrap {
background-color: #c4b5a0;
}
.brown-bg .x-main .entry-wrap {
box-shadow: inset 0 -0.125em 0.5em 0 rgba(196, 181, 160, 0.80), 0 3px 2px -2px rgba(255,255,255,0.075);
border: 1px solid #c4b5a0 !important;
}
Again add this on Theme Options > CSS
What this does is to change the background-color of the pages that have a class of brown-bg
For the text/headline colors, we could provide you with custom CSS for that too, but if you use Cornerstone’s Text element or Headline element, you get all that styling options for your text.
Hope this shed some lights,
If you’re interested in learning more about basic CSS, you can watch this free course here.
Cheers!