Lay Theme Forum

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

    Change .navbar color on custom pages

    General Discussion
    backgroundcolor navbar
    4
    7
    62
    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.
    • A
      antonia_viola last edited by

      Hey guys
      I tried very hard to make this work but no code is working.
      Can someone help me with changing the background color of my navbar on my projects site from black to #a987f1 ?
      Thank you so much!

      http://antoniaviola.com/category/projects/

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Dear @antonia_viola

        .slug-projects .navbar {
            background-color: #a987f1;
        }
        

        Best!

        Marius

        www.mariusjopen.world

        A 1 Reply Last reply Reply Quote 0
        • A
          antonia_viola @mariusjopen last edited by

          @mariusjopen wow thank you! I don't understand why it didn't work.
          Thank you so much!

          1 Reply Last reply Reply Quote 0
          • A
            Anders last edited by

            This is great!
            @mariusjopen Is it also possible to change the text color of the menu points in this way? And is it possible as well to load a different logo file? So that one page could have a dark logo + dark menu points on a bright background while another page could have the colors inverted.

            Best,
            Anders

            1 Reply Last reply Reply Quote 0
            • mariusjopen
              mariusjopen Global Moderator last edited by

              Dear @antonia_viola
              all is possible!

              Are you familiar with CSS and a bit of jQuery? If not I would recommend to have a look into some tutorials at Codeacademy https://www.codecademy.com/.
              It is for free for the basics. The effect you are trying to achieve requires some knowledge and brainpower :-)
              Best!
              Marius

              www.mariusjopen.world

              1 Reply Last reply Reply Quote 0
              • A
                Anders last edited by

                Thank you @mariusjopen for the link! I'll check it out and try get a grasp on the basics :)

                -Anders

                1 Reply Last reply Reply Quote 0
                • CyberSlayers
                  CyberSlayers last edited by

                  Perfect! Glad to hear!
                  To reverse colors on an image you can also have a look into "css filters image".

                  Many wishes!

                  Audrey

                  ✦ Audrey@CyberSlayers.work ✦
                  www.cyberslayers.work

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post

                  Try this to fix issues before you post:

                  Use the Search Feature. Maybe there is already a solution to your issue.

                  1. Update Lay Theme and all Lay Theme Addons
                  2. Disable all Plugins
                  3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                  4. Now see if your problem solved itself
                  5. Go here, see if your problem is listed here:
                  Troubleshooting

                  When you post:
                  1. Post a link to where the problem is
                  2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                  Thanks!

                  Online Users

                  H
                  C
                  C

                  Recent Topics

                  • G

                    Designer Websites for free Lay Theme.

                  • A

                    Broken images

                  • A

                    Image hover -> Image on image

                  • D

                    Projects private / public

                  laytheme.com