Okay
  Public Ticket #2843645
nectar slider buttons
Closed

Comments

  •  2
    Rian started the conversation

    Hi!


    Is it possible to:

    1) add a slight black border to the nectar slider buttons

    2) make the buttons have a slight transparency

    thank you as always!

  •  2,960
    Andrew replied

    Hello Rian,

    The following CSS might help.

    .button.solid_color a.extra-color-gradient-1, .button.solid_color a.extra-color-gradient-2 {
        opacity: 0.9;
        border: 2px solid black;
    }
    

    Regards,

  •  2
    Rian replied

    awesome! how can it work for the nectar buttons as well?

  •  2,960
    Andrew replied

    Hello Again Rian,

    Do you mean these buttons?

    2940161796.png
    1817893752.png

    They are already transparent with black borders. 

    Kindly correct me if I am wrong.

    Regards,

  •  2
    Rian replied

    Yes! But i'd like them to display like the nectar slider buttons do now thanks to your code, with a slight transparency of background color.

  •  1,878
    Judith replied

    Hi Rian,

    Please try this css:

    body.material .nectar-button.regular.m-extra-color-gradient-2, body.material .nectar-button.see-through.m-extra-color-gradient-2:before, .swiper-slide .button.solid_color .extra-color-gradient-2, .swiper-slide .button.transparent_2 .extra-color-gradient-2:before {
        background: linear-gradient(125deg, #edbc6147, #dd97156b);
    }

    Thanks.

  •  2
    Rian replied

    thank you!!!

  •  2
    Rian replied

    i can't seem to find the right code to change the opacity of the video lightbox button. can you help?

  •  1,878
    Judith replied

    Hi Rian,

    Please try this css:

    .nectar-video-box:not([data-mouse-style="see_through_contrast"]) a.nectar_video_lightbox {
        background-color: rgb(221 153 51 / 53%) !important;
    }

    Thanks.

  •  2
    Rian replied

    Thank you Judith!!!!

  •  2
  •  2
    Rian replied

    hi there, 


    can you tell me why the team member's names font size aren't adhering to the Salient options Team member names input but to h3? I deleted all of my custom css to make sure it wasn't something there.


    https://www.illuminayoga.com/about/

  •  2,960
    Andrew replied

    Hi Rian,

    The following CSS might help.

    @media only screen and (max-width: 1300px) and (min-width: 1000px){
        .team-member[data-style="bio_fullscreen"] .team-meta h3 {
            font-size: 14px;
            line-height: 14px;
        }
    }
    

    Regards,

  •  1,878
    Judith replied

    Hi Rian,

    Please try this css:

    .team-member[data-style="meta_overlaid"] .team-meta h3, .team-member[data-style="meta_overlaid_alt"] .team-meta h3, .team-member[data-style="bio_fullscreen"] .team-meta h3 {
        font-size: 29px;
    }

    Thanks.

  •  2
    Rian replied

    Strangely, neither one of those worked. I tried adding !important as well but didn't help.

  •  1,878
    Judith replied

    Hi Rian,

    Please send in your admin login credentials so that we can look into this further.

    Thanks.

  •   Rian replied privately
  •  1,878
    Judith replied

    Hi Rian,

    How about you try an inline css as shown here for the names:

    8441986293.png

    Thanks.

  •  2
    Rian replied

    Hi there,

    I added and it didn't change. did it work when you added it?

  •  8,844
    Tahir replied

    Hey Again,

    Please confirm the User/Pass so we can login to the WP Dashboard and check on this more.

    Thanks 


    ThemeNectar Support Team 

  •   Rian replied privately
  •  1,878
    Judith replied

    Hi Rian,

    Seems your logins have expired , please check and resend.

    Thanks

  •  8,844
    Tahir replied

    Hey Again,

    I just logged in and there was this CSS in place which was causing the issue. Have commented it out for now:  

    6287872096.pngClick on Image to View Larger


    Thanks 


    ThemeNectar Support Team 

  •  2
    Rian replied

    strangely that didn't fix it either. i removed the code entirely from the custom css as it was only placed trying to fix the problem from there. but it still is unresovled.

  •  8,844
    Tahir replied

    Try viewing it in the Browser Incognito mode and check.

    Also try adjusting the "Heading 3" field in the Typography Section of Salient Theme Options panel.

    Thanks


    ThemeNectar Support Team 

  •  1,878
    Judith replied

    Hi Rian,

    Please check them out.

    8524599625.png


    Thanks.

  •  2
    Rian replied

    Thanks Judy! I don't know why it didn't work for me. Maybe I needed to flush cache.

    I hate to ask one additional question, but is it possible to adjust the line height?

  •  1,878
    Judith replied

    Hi Rian,

    Please try this css:

    body h3, .row .col h3, .toggle h3 a, .ascend #respond h3, .ascend h3#comments, .woocommerce ul.products li.product.text_on_hover h3, .masonry.classic_enhanced .masonry-blog-item h3.title, .woocommerce ul.products li.product.material h3, .woocommerce-page ul.products li.product.material h3, .portfolio-items[data-ps="8"] .col h3, .nectar-hor-list-item[data-font-family="h3"], .woocommerce ul.products li.product h2, .nectar-quick-view-box h1, .nectar-ext-menu-item .inherit-h3 .menu-title-text, #slide-out-widget-area .nectar-ext-menu-item .inherit-h3, #mobile-menu .nectar-ext-menu-item .inherit-h3, #ajax-content-wrap .nectar-inherit-h3, [data-inherit-heading-family="h3"], .nectar-quick-view-box div.product h1.product_title.nectar-inherit-h3, .nectar-quick-view-box div.product .summary p.price.nectar-inherit-h3, body.woocommerce div.product p.price.nectar-inherit-h3 ins {
        line-height: 27px;
    }

    Thanks.