Color Change

More
4 years 10 months ago #5910 by ahkpixel
ahkpixel created the topic: Color Change
Great template - I have been looking to change colors, I understand that it is located in the /templates/jm-exclusive-furniture/less/template_variables.less file. I am using firefox to inspect the elements, but I am not able to find a number of points for change.
www.ahkpixel.com/matjat for reference. The colors I need to work is #ff0000 and #fced01 then the issue is the text color.
front_two.png (cannot read text)
front_one.png (Top header from black to #ff0000)
front_three.png (bottom from black to #ff0000)
front_four.png (where to change text and color)
cat_one.png (change hoverover to #fced01)

Thanks for the help guys
Attachments:

Please Log in or Create an account to join the conversation.

More
4 years 10 months ago #5912 by artur
artur replied the topic: Color Change
Hello,
1 front_two: You need to set color in 'templates/jm-exclusive-furniture/less/style3.less' (depend on selected color version)
.jm-module.color-ms .nav.menu > li a,
#jm-footer .jm-module.color-ms .nav.menu > li a  {
  color: #f7b3c2; /* change as you like */
  border-bottom: 1px dotted #f25b8d;
}

2. header (no attachment): You need to set color in 'templates/jm-exclusive-furniture/less/layout.less'
#jm-bar-in { 
  padding: @baseSize 0 (@baseSize + 22);
  background: @black; /* change as you like */
}

3. front_three: You need to set color in 'templates/jm-exclusive-furniture/less/layout.less'
#jm-footer {
  border-top: 5px solid #e8e8e8;
  background: @black;  /* change as you like */
  padding: @baseSize 0;
  color: #727272;
}
4. front_four: This is image, you need to prepare new and override - 'templates/jm-exclusive-furniture/images/style3/hoverme.png'

5. cat_one: You need to set color in 'templates/jm-exclusive-furniture/less/style3.less' (depend on selected color version)
.btn:hover,
input.button:hover, 
button:hover,
.btn-group.open .btn.dropdown-toggle {
  background-color: #ff1562;  /* change as you like */
}

More details about how to edit less files in article :
www.joomla-monster.com/blog/joomla-templ...-joomla-3-0-template

Best regards.

Please Log in or Create an account to join the conversation.

More
4 years 10 months ago #5931 by maferflorian
maferflorian replied the topic: Color Change
Hello Artur,

I need to set a different color in #jm-bar-in. I followed the instructions in section 2 and did not work.

Also, I followed the instructions in:
www.joomla-monster.com/blog/joomla-templ...-joomla-3-0-template

changing the value of @black in template_variables.less file and did not work.

Thanks for the help,

Best,

LuisE

Please Log in or Create an account to join the conversation.

More
4 years 10 months ago #5932 by artur
artur replied the topic: Color Change
Hello,
In this case, better edit '/less/layout.less' and change :
#jm-bar-in { 
  padding: @baseSize 0 (@baseSize + 22);
  background: @black;
}
to
#jm-bar-in { 
  padding: @baseSize 0 (@baseSize + 22);
  background: #yourcolor;
}

Best Regards.

Please Log in or Create an account to join the conversation.

More
4 years 10 months ago #5933 by maferflorian
maferflorian replied the topic: Color Change
Hello,

This I did and did not work.

I want set the color #d45a6a.

Thanks for the help,

Best,

LuisE

Please Log in or Create an account to join the conversation.

More
4 years 9 months ago #6013 by artur
artur replied the topic: Color Change
Hello,
Sorry for late reply.

Remember enable Developer Mode in Template Manager.

www.joomla-monster.com/blog/joomla-templ...-joomla-3-0-template

Please Log in or Create an account to join the conversation.

Time to create page: 0.369 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2018 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.