Forums (Obsolete)

Design and CSS styles

Version 6.x > Design and CSS styles > Regarding Different Background for Page.

View modes:


Member	Ankit Mistry - 3/19/2013 12:01:47 PM Regarding Different Background for Page. Hello, In My E-Commerce WebSite We have Many Pages which are using its Master page and the background Color(Design). But now i want to add one New Page in which i want specific background not the background which my Master Page has. Can anyone help me How is it Possible. Thank You Ankit.

Kentico Support

kentico_filipl - 3/19/2013 12:24:44 PM

RE:Regarding Different Background for Page.

Hello Ankit,

You can add a new page and then set the background in Properties -> Template tab. You can select which template you want to use and also create an ad-hoc template which will be used only for the current page. If you do not want any content from the master page, set Inherit Content option to Do not inherit any content.

Details about creating a new page template can be found in Developer's Guide.

I hope this will give you a brief summary of what you can achieve with page templates.

Best regards,
Filip Ligac


Member	Ankit Mistry - 3/21/2013 10:36:55 AM RE:Regarding Different Background for Page. Thank You Flip for Response.Actually my issue is My Whole Website has White color background which i have given in my Master Page.Now i want to create a page which needs to have different for color eg.red Is it possible.

Kentico Support

kentico_filipl - 3/22/2013 4:08:39 AM

RE:Regarding Different Background for Page.

Hello Ankit,

In case you want the new page to inherit the header and footer of the page, all you need to do is just create a new page in the content tree and choose option Use existing page template, then in Properties tab, there is CSS stylesheet property which defines used style. The default option for all templates is to inherit all styles which are set for the whole site. You have to uncheck the Inherit checkbox and create a new stylesheet. You can copy the whole stylesheet from the original CSS file an edit the style only for .zoneMainContent class (it should be approximately on the line 664 with /*#Content zone#*/ comment). There you can remove background property and replace it with background-color: red; instead.

This stylesheet sets the background color of the entire content zone to red.

Best regards,
Filip Ligac

Top