Okay
  Public Ticket #2679957
Button
Closed

Comments

  • Marcellkox started the conversation
    February 3, 2021 at 12:05pm

    I want my button to be with straight corners, instead of rounded corners. And less padding on the top and bottom in the button. Is that possible? 

    And how can I change the font in the button and text size?

  •  2,721
    Andrew replied
    February 3, 2021 at 3:36pm

    Hi Marcellkox,

    Use the following css:

    body[data-button-style] .nectar-button.wpb_animate_when_almost_visible.animated {
    font-size: 24px;
    border-radius: 0 !important;
}

    Thanks.

  • Marcellkox replied
    February 5, 2021 at 1:53pm

    Thanks Adrew,

    That worked for the main buttons. But it didn't work for the buttons in the sliders and blog carousel. How do I fix that?

  •  8,402
    Tahir replied
    February 6, 2021 at 12:34pm

    Hey Again,

    Try adjusting these button options in here: 

    2902754058.pngClick To Open Larger Image.

    Thanks

    ThemeNectar Support Team 

  • Marcellkox replied
    February 11, 2021 at 12:05pm

    Hey,

    I want that all the buttons have the same look. But now the buttons from the Nectar slider and the normal buttons look different.

    I prefer the look from the slide (text size and letter spacing), except that the borders are slightly rounded. I want them straight. If I choose default button, it doesn't have the shadow. 

    So how can I have the slider buttons have straight corners while I keep the shadow?

    And how can I have the other buttons look the same?

    Thanks


  •  8,402
    Tahir replied
    February 11, 2021 at 6:08pm

    Hey Again,

    Could you remove the CSS earlier provided by CSS or any other CSS that is altering the Button Styling so we can check why the buttons are getting styled differently.

    Thanks

    ThemeNectar Support Team 

  • Marcellkox replied
    February 11, 2021 at 6:14pm

    I removed the CSS. They're almost the same now. Only the size is slightly smaller, and letter spacing is less.


  •  8,402
    Tahir replied
    February 12, 2021 at 10:15am

    Hey Again, 

    You can change the size of the button from builder settings, and for letter spacing you just simply add a class to the button and write CSS for letter spacing. Please see the attached screenshot for adding the class and changing the size of the button.

    2998362538.png
    7774943206.png

    .anyClassname {letter-spacing:5px !important;}

    ThemeNectar Support Team 

  • Marcellkox replied
    February 12, 2021 at 11:21am

    Thanks,

    But the buttons are still slightly rounded. How can I make them straight?

  •  8,402
    Tahir replied
    February 12, 2021 at 12:12pm


    You need to change the Button Style option to default from our theme options.

    7147955404.png

    Thanks.


    ThemeNectar Support Team 

  • Marcellkox replied
    February 23, 2021 at 2:17pm

    Hey Tahir or Andrew,

    The buttons (The Nectar Slider buttons doesn't have this) have a thin line on the bottom of the button in a slightly different colour.

    Is it possible to remove this?

    Kind regards,

    Marcel

  •  8,402
    Tahir replied
    February 23, 2021 at 6:30pm

    Hey Again,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  • Marcellkox replied
    February 24, 2021 at 3:53pm

    Hey Tahir,

    The url is www.fiducialis.nl

    Thanks

  •  8,402
    Tahir replied
    February 24, 2021 at 5:08pm

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    a.nectar-button.large {
    box-shadow: none !important;
}

    Thanks

    ThemeNectar Support Team