Lay Theme Forum

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

    Change site title & menu text color depending on the background image of fullscreen-carousel

    General Discussion
    3
    8
    277
    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.
    • C
      Crossbow92 last edited by

      Hi

      I have been searching in the forum for info on how to change the site title & menu text color when you have a fullscreen carousel like I have at danielballesta.com, depending on the color of the image it is displaying.

      As you can imagine in the images that have a dark background I would like to display both site title & menu text on white and viceversa.

      Could you help or point me at the right direction to get that done?

      I have been trying diferent solution at different links in the forum like the one below, but some of them are outdated and don't work anymore,

      http://laythemeforum.com:4567/topic/694/different-menu-color-for-each-slide-on-fullscreen-slider

      thanks in advance :) you guys are doing a great work!!

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

        Unfortunately the site at danielballesta.com is not reachable…

        ✦ ✦ ✦

        1 Reply Last reply Reply Quote 0
        • C
          Crossbow92 last edited by

          It should be some kind of error but it is online, at least I can access now, and some friends too

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

            Dear @Crossbow92
            on the fullscreen slider it is easy. The slide number will be in the body tag. Like in the Forum link…
            For the fullscreen carousel it is way more complicated and will involve some proper coding.

            You are familiar with jQuery?

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • C
              Crossbow92 last edited by

              Hi again!

              As I am not familiar with Jquery I just bought the Fullscreen slider add-on. Still have some problems to get that done. I inserted this code and still not working, but it should right?:

              body.fp-viewing-0-0 .sitetitle-txt-inner span{
              color: white;
              }
              body.fp-viewing-0-0 .primary a{
              color: white;
              }

              danielballesta.com

              Can I have some light on this?

              Thanks in advance <3

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

                Dear @Crossbow92
                Have a look with this custom code:

                .fp-viewing-0-9 .menu-item span {
                    color: red !important;
                }
                

                Best!

                Marius

                www.mariusjopen.world

                1 Reply Last reply Reply Quote 0
                • C
                  Crossbow92 last edited by

                  it works! thank you so much Marius

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

                    Dear @Crossbow92
                    sweet! Happy to hear!

                    Best!

                    Marius

                    www.mariusjopen.world

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

                    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

                    Recent Topics

                    • T

                      OpenType Feature

                    • T

                      Split Screen just on front page / subpages without the split?

                    • T

                      problem when I click on the category filter buttons on mobile

                    • G

                      z index has different behaviors on different pages

                    laytheme.com