Is there a way to set a custom color, eg "white", for the content of a single page? I have a form plugin that displays it's content on a page that I can specify. I'd like to be able to create a special page that has a special background color (that no other page has) in it's content area. Is there an easy custom code for this, either css or on the page itself so that the content will display on this background color? Thank you for any help you can give!
Custom Content Background Color for Single Page
Started by
eidoander
, Oct 08 2012 02:33 PM
background color single page content content color
6 replies to this topic
#2
catrina
-
- Moderators
-
- 12,345 posts
Advocate
- LocationCalifornia
-
Country:
Posted 08 October 2012 - 03:53 PM
Yes, there is a way with custom CSS.
You’ll need to use Custom CSS (in Site Options > Custom Code > Custom CSS). CSS that changes the style of a page element consists of two parts: the selector and the attribute.
Selector: Used to select the page element you want to change (in this case, the page element you want to change is your body background color for a specific page).
Attribute: Property that determines what kind of change you want (you’re changing the background color, so the attribute you want to use is background-color).
To find the selector for the body background color, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please read and follow these instructions: (You'll need to use the page ID for that specific page, which is found in the <body> tag at the top of your page source so the body tag in the CSS would be in this format: body.page-id-IDNUMBERHERE)
For help with the background color attribute, please see these instructions: http://w3schools.com/css/css_background.asp
You’ll need to use Custom CSS (in Site Options > Custom Code > Custom CSS). CSS that changes the style of a page element consists of two parts: the selector and the attribute.
Selector: Used to select the page element you want to change (in this case, the page element you want to change is your body background color for a specific page).
Attribute: Property that determines what kind of change you want (you’re changing the background color, so the attribute you want to use is background-color).
To find the selector for the body background color, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please read and follow these instructions: (You'll need to use the page ID for that specific page, which is found in the <body> tag at the top of your page source so the body tag in the CSS would be in this format: body.page-id-IDNUMBERHERE)
For help with the background color attribute, please see these instructions: http://w3schools.com/css/css_background.asp
#3
eidoander
-
- Members
- 25 posts
Member
- Framework Version:2.3
Posted 09 October 2012 - 12:50 AM
Thanks, Catrina! What I want is page specific css. In other words, not how to change the background color (with the selector and attribute -- I know how to do that , but how to do it on just one and only one page in the site. How do I specify the page? That's what I'm trying to figure out. I know what the page ID is, but I don't know how to specify it in the css and then modify it (using selector and atrtribute) for just that page. Thanks for your help!
, but how to do it on just one and only one page in the site. How do I specify the page? That's what I'm trying to figure out. I know what the page ID is, but I don't know how to specify it in the css and then modify it (using selector and atrtribute) for just that page. Thanks for your help!
#4
James B
-
- Moderators
-
- 2,427 posts
Advocate
- LocationSurrey - UK
-
Country:
Posted 09 October 2012 - 01:35 AM
Hi there, just add the page id before the css, like .page-id-2
#5
eidoander
-
- Members
- 25 posts
Member
- Framework Version:2.3
Posted 09 October 2012 - 03:29 AM
Thanks! Got it. Worked like a charm!
#6
James B
-
- Moderators
-
- 2,427 posts
Advocate
- LocationSurrey - UK
-
Country:
Posted 09 October 2012 - 04:13 AM
No problem Glad it worked for you.
Glad it worked for you.
#7
James B
-
- Moderators
-
- 2,427 posts
Advocate
- LocationSurrey - UK
-
Country:
Posted 09 October 2012 - 04:13 AM
The topic was marked as resolved.
Also tagged with one or more of these keywords: Resolved, background, color, single page, content, content color
 Answered
PageLines Framework →
Customizations →
Background image not repeatingStarted by pleelayuvat , Today, 07:04 AM  background
|
|
|
||
PageLines Framework →
Technical Support →
Background black on fade transition Features slideStarted by stefanoferruggiara , 16 May 2013 Features slide, background
|
|
|
||
PageLines Framework →
Technical Support →
Different background (class texture) for two boxesStarted by velneo , 15 May 2013 boxes, background
|
|
|
||
PageLines Framework →
Technical Support →
Left margin on content is clearedStarted by sierrapat , 15 May 2013 content, left margin, css
|
|
|
||
PageLines Framework →
Technical Support →
Content loading from the leftStarted by naturallyella , 08 May 2013 page load, content
|
|
|
