Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1360359

    Hi guys,

    I am trying to have two Menu Items on the Overlay Menu have different colored button backgrounds.

    The theme’s default is background-color: #ea526e; for the buttons.

    And the goal is to have menu-item-32 be Pink (#ea526e) and menu-item-45 be purple (#6a6797).

    Currently, they are both purple as I have it setup that way on the Advanced Styling > Menu Item Button Theme CSS

    Sharing link to site on Private Content.

    Thank you!

    Havi

    #1360391

    Hi havi,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    #top #wrap_all #header.header_color .av-menu-button-colored.menu-item-32 > a .avia-menu-text {
        background-color: #ea526e;
        border-color: #ea526e;
    }

    Best regards,
    Nikko

    #1360397

    Hi Nikko,

    It didn’t work. Now both colored buttons are Pink. :(

    Check it out. :(

    #1360400

    Hi havi,

    I have checked it however it’s purple on my end and I don’t see the code anywhere.
    It should specifically be targeting menu-item-32 as you can see in the code I gave.

    Best regards,
    Nikko

    #1360403

    Hi Nikko,

    This ultra persistent cache is killing me!! Guess what? I cleared Chrome two more times (I also saw it purple twice and pink twice on incognito) and once more for Safari and now it’s showing pink and purple!!! YAY!!!

    Thank youuuuuuu!!!

    Warmly.

    Havi

    #1360406

    Hi havi,

    You’re very much welcome :)
    I also did not clear the cache on my end, after clearing it I was able to see both colors.

    Best regards,
    Nikko

    #1360411

    This persistent cache is terrible!!! But it looks AMAZING!!!

    Thank youuuuuuu!!

    (Now I am trying to create a very particular slider – you can see the Content Slider on the page but I would love it if the first slide could be the video with fallback image like you see on the Easy Slider below it – any ideas are more than welcome!!)

    Warmly,

    Havi

    #1360559

    Hi Havi,

    Do you mean having a video that autoplays?

    Best regards,
    Nikko

    #1360564

    Hi Nikko,

    Not even that complex. Just being able to have a video that plays inside of the slider is what I am trying to do. Any ideas?

    Warm regards,

    Havi

    #1360569

    Hi Havi,

    I see, can I request for temporary admin access on your site? so I can view the backend and try to reproduce it on my end.
    Just post the credentials privately.

    Best regards,
    Nikko

    #1360669

    Hi Nikko,

    Absolutely! Sending you the credentials privately.

    Thank you soooo much!!

    Warmly,

    Havi

    #1360877

    Hi Havi,

    Thanks for giving us admin access.
    I have made a copy of the page and tweaked it (link in private content).
    On the content slider, I replaced the link and image with the embed code you can copy from youtube, then I made it into this format:

    <div class="flex">
    <div>embed code</div>
    <div>other content</div>
    </div>

    then in Quick CSS, added this:

    .flex {
        display: flex;
        gap: 24px;
    }
    
    .flex div:first-child {
        min-width: 50%;
        width: 560px;
    }

    Please review the page.

    Best regards,
    Nikko

    #1361144

    Hi Nikko!!

    Thank you so much! It helps (I need to resize all the other slides as they don’t respond to the .flex) but it doesn’t render properly on tablet or mobile. It got me to adding the YouTube video in there though!

    I think I will add a shortcode for a two column section the breaks on tablet/mobile for each slide or I will use the LayerSlider plugin.

    I’ll get there!!

    Thank you!!!

    Warmly,

    Havi

    #1361186

    Hi Havi,

    You’re welcome :)
    To fix the issue on tablet and mobile, please try to add this CSS code as well:

    @media only screen and (max-width:959px) {
      .flex {
        flex-direction: column;
      }
    }

    Best regards,
    Nikko

    #1361492

    Hi Nikko!!!

    Check it out!! I merged a few Enfold features and now it looks AMAZING!!! Soooo happy!! Thank you for guiding me!!

    It looks great on desktop, tablet, mobile. LOOOVE IT!!

    Thank you!!!

    Warmly,

    Havi

    #1361525

    Hi Havi,

    It’s a pleasure to help you :D
    Thank you as well for using Enfold and have a great weekend!

    Best regards,
    Nikko

Viewing 16 posts - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.