Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

Create or change template colors
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Create or change template colors

Create or change template colors 11 years, 11 months ago #3419

Template is black & orange or blue & white.

How do I create another default color style? When Black Style is active I would like to change Black or the orange to another color.

How can this be accomplished? Thanks:unsure:

Re: Create or change template colors 11 years, 11 months ago #3469

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Hi Manny Cross,

you can create other color style by doing the following steps. Example: I want to add the orange style in the template.


+ edit the templateDetails.xml file in "your_site/templates/smart_news17", finding:

<field name="sitestyle" type="list" default="blue" label="SITE_STYLE_LABEL" description="SITE_STYLE_DESC">
				<option value="black">Black</option>
				<option value="blue">Blue</option>								
</field>		



change to

<field name="sitestyle" type="list" default="blue" label="SITE_STYLE_LABEL" description="SITE_STYLE_DESC">
				<option value="black">Black</option>
				<option value="blue">Blue</option>
				<option value="orange">Orange</option>				
</field>		




+ edit the color.xml file in "your_site/templates/smart_news17/css/color"

<?xml version="1.0" encoding="iso-8859-1"?>
<sitestyle>
	<blue>
		<filestyle>blue</filestyle>
	</blue>
	<black>
		<filestyle>black</filestyle>
	</black>
	
</sitestyle>


change to


<?xml version="1.0" encoding="iso-8859-1"?>
<sitestyle>
	<blue>
		<filestyle>blue</filestyle>
	</blue>
	<black>
		<filestyle>black</filestyle>
	</black>
	<orange>
		<filestyle>orange</filestyle>
	</orange>
</sitestyle>




+ create the new css file in "your_site/templates/smart_news17/css/color". Example: orange.css

+ add code in the orange.css file according to your wish

Note: if you want to create the new css file quickly, you can copy the exist css file and rename it, change code in it. Example: copy the black.css file and rename it as orange.css

Thanks
Ticket System | Join our Clubs to download our extensions and templates
  • Page:
  • 1
Time to create page: 0.20 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes