Jump to content
Sign in to follow this  
archer613

colour selection in platform

Recommended Posts

archer613

hi. in platformpro - if i understand the demo and documentation correctly - there is no easy way to change colour themes. ie in whitehousepro i can select blue, green, and so on and that selection appropriately changes the css throughout the design i take it that feature is not in platformpro?

Share this post


Link to post
Share on other sites
cshoffmann

Platform Pro is made so that you have deeper control over your site's CSS design. For control of colors within the default controls of PP, go to Platform Pro>Settings>Design Control. For further custom styling use custom css code in the custom code section of PP or through the use of the base.css file in Platform Pro Base. Provide an example of what you want to do with a live site link and I will or another here will give you an example of how to accomplish that end.

Share this post


Link to post
Share on other sites
catrina

The following CSS can accomplish a WhiteHousePro blue look. Just paste it into your custom CSS area or base.css file for the child theme.

#primary-nav {background-color: #083361;}
	#menu-nav ul li.page_item a:hover {color: #000; background-color: #fff;}

This CSS will change the styling of the navigation bar (creating a blue bar and the appropriate hover style for menu items). If you want to accomplish the look of the entire WhiteHouse theme, let us know.


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
curioustoo

I added these lines to custom css: #primary-nav {background-color: #083361;} #menu-nav ul li.page_item a:hover {color: #000; background-color: #fff;} How do I get rid of the gap between the navbar and the main page? How do I make the text white like in the Whitehouse theme? http://mofaith.org/

Share this post


Link to post
Share on other sites
catrina

Add this CSS to your custom code or the base.css file:

#feature {margin-top: -1px;}
	body {font-family: georgia; font-size: 10px;}


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

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

Sign in to follow this  

×