• Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Register
  • Login
Bagisto Forum

Bagisto

  • Register
  • Login
  • Search
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups

change header background-color

Knowledge Base
3
6
1.3k
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • R
    Rahul74 last edited by 9 Jul 2020, 08:07

    how to change the header background-color. So far i tried to change inside home.scss, $link-color and also did npm run dev but still no changes happen..
    https://prnt.sc/tekg1q

    1 Reply Last reply Reply Quote 0
    • R
      Rahul74 last edited by 9 Jul 2020, 09:30

      Never mind. I got the answer for that. Thank u.

      1 Reply Last reply Reply Quote 0
      • 4 months later
      • R
        ricky641 last edited by 10 Nov 2020, 05:37

        Can you please help me with this how did you change it?

        1 Reply Last reply Reply Quote 0
        • V
          vishalK last edited by vishalK 10 Nov 2020, 14:05 10 Nov 2020, 14:04

          Hi @ricky641

          you can change header background color from this file:

          $root_folder/packages/Webkul/Velocity/src/Resources/assets/sass/components/home.scss

          6df3624d-2a3f-41d2-965b-588064af1285-image.png

          Here in image at line 497 enter color code.

          Thanks

          1 Reply Last reply Reply Quote 0
          • R
            ricky641 last edited by 10 Nov 2020, 14:26

            I have changed the $link-color from _variables.scss but still not able to see any changes on the front-end? Any additional step after that?

            1 Reply Last reply Reply Quote 0
            • V
              vishalK last edited by 10 Nov 2020, 14:32

              Hi @ricky641

              Yes, you have to run npm run prod inside velocity package and then you have to publish assest by using php artisan vendor:publish command.

              Note: Kindly take backup of your project before performing above steps.

              Thanks

              1 Reply Last reply Reply Quote 0
              6 out of 6
              • First post
                6/6
                Last post