fbpx
Welcome, Guest
Username: Password: Remember me

Building something on Astroid?

Submit your site to be featured in our monthly Astroid Site Showcase!

Submit Now

TOPIC: (SOLVED)Changing colour of template - See picture

Changing colour of template - See picture 3 months 2 days ago #13787

  • melvin185@
  • melvin185@'s Avatar
  • Offline
  • Junior Member
  • Posts: 20
  • Karma: 0
I use the jd paris template. What i would like to do is to change the colour of the template from the original blue to another colour. Just cant seem to find where to - see picture attached
The topic has been locked.

Changing colour of template - See picture 3 months 2 days ago #13792

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 396
  • Thank you received: 57
  • Karma: 13
Hello,

1. If you want to change the sections background color then go to asteroid backend > Layouts > Edit Section > Design Settings > Now you can change the settings.
See steps: www.screencast.com/t/FmN69eFaTRf
2. If you want to change slider colors then you can change the settings from the smart slider3 Go to Components > Smart Slider3 > Edit Slider > Edit Slide.
See screenshot: www.screencast.com/t/SC0A5sRi7Sy
If you want to change the whole blue color of theme then follow the following steps.
1. Create a folder in scss directory named custom.
2. In custom folder create a variable.scss file.
3. add the following line in variable.scss file.
$primary:             #02aed6(your color code) !default;
4. Open the style.scss file and add the following line below the "bootstrap/functions"
Path: templates/TEMPLATENAME/scss/style.scss
@import "custom/variable";









Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.
The following user(s) said Thank You: melvin185@

Changing colour of template - See picture 3 months 1 day ago #13811

  • melvin185@
  • melvin185@'s Avatar
  • Offline
  • Junior Member
  • Posts: 20
  • Karma: 0
Thank you so much, Lalit.

Very simple and straightforward instructions to follow.

Thank you so much
Last Edit: 3 months 1 day ago by melvin185@.
The topic has been locked.

Changing colour of template - See picture 3 months 1 day ago #13815

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 396
  • Thank you received: 57
  • Karma: 13
Your welcome, also good to hear that you are happy with the results. your issue is resolved now. It would be amazing if you could tweet about your experience with us on our twitter handle: twitter.com/joomdev

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

Changing colour of template - See picture 3 months 23 hours ago #13828

  • melvin185@
  • melvin185@'s Avatar
  • Offline
  • Junior Member
  • Posts: 20
  • Karma: 0
I will most certainly do.
Also another question. Can i use the sample pics in the JD Paris template for my own use?
Thanks so much
Melvin
The topic has been locked.

Changing colour of template - See picture 3 months 20 hours ago #13829

  • admin
  • admin's Avatar
  • Online
  • Administrator
  • Posts: 2561
  • Thank you received: 391
  • Karma: 79
Hello,

These are all freely available photos and you can use them for sure.

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

Changing colour of template - See picture 2 months 3 weeks ago #13902

  • melvin185@
  • melvin185@'s Avatar
  • Offline
  • Junior Member
  • Posts: 20
  • Karma: 0
Hi Admin, this post can be closed. Thanks so much.
The topic has been locked.

Changing colour of template - See picture 2 months 3 weeks ago #13905

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 396
  • Thank you received: 57
  • Karma: 13
Great! your query is now solved.
Case closed then.

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.
Time to create page: 0.176 seconds

JD Builder - The Next Generation
Joomla Page Builder


Now Design any Layout with Drag and Drop Interface.