Jump to content
eidoander

Custom Content Background Color for Single Page

By eidoander, in DMS & Legacy Products

Recommended Posts

eidoander    0

eidoander
Posted

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!

Share this post

Link to post
Share on other sites

catrina    103

catrina
Posted

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: http://www.pagelines.com/wiki/Custom_CSS. (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

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post

Link to post
Share on other sites

eidoander    0

eidoander
Posted

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!

Share this post

Link to post
Share on other sites

James B    436

James B
Posted

Hi there, just add the page id before the css, like .page-id-2

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post

Link to post
Share on other sites

James B    436

James B
Posted

No problem :) Glad it worked for you.

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post

Link to post
Share on other sites

James B    436

James B
Posted

The topic was marked as resolved.

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Go To Topic Listing DMS & Legacy Products

  • Similar Content

    • gregory.guz
      Color picker is not showing up
      By gregory.guz+
      Hi ,
      I just noticed that the color picker has stopped showing up on my PL5 site ( please see attached image ) 
      Any idea what could be causing the problem?
       
      Thanks 
      Greg

    • greatthingsllc
      [Solved] Platform 5 : Hyperlink Color Default Not working
      By greatthingsllc+
      In Platform 5, Using Framework Section for Content , I have set the hyperlink colors in the CUSTOMIZE section.   However, none of the pages are properly displaying the link colors.   Just defaulting to black, and underline on hover.   I did not see where this would be controlled at the page level or lower
      Site    doritbrauer.com
      Thanks
      Josh

    • tkpagelines
      meganav - change color on hover/current
      By tkpagelines+
      Hi there ,
      i would like to change the color of menu items on hover and the current menu item. Both should have the same color, but not the color given of the theme scheme.
      Any suggestions ? Maybe a css snippet ?
       
      Thanks
    • nandorj78
      REQUEST: Fixed background image
      By nandorj78+
      I'd like to request a section (or that this could be enabled on the background settings of the existing sections) in which we could set a image to stay fixed, just as we can see in the link below:
      http://www.bootply.com/render/100702 (you can see 2 different background images and everything scrolls on top of it.)
      Is it possible to be done without having to code it via CSS every time?
    • mistrmint
      Different menu item colors on hover
      By mistrmint+
      Site : http://fireworxmedia.yourdemosite.co.za/
      I need to change the second menu items on hover to different colors.
      i.e factual needs to be blue on hover, fiction red on hover, etc. etc.
      then on the sub menu of factual, all need to hover blue with the main menu factual item staying as blue,
      and the sub menu of fiction needs to hover red with fiction item staying as red.
      etc. etc.
       
      For the life of me I cannot figure it out.
×