Okay
  Public Ticket #1433833
Nectar Button - Default only outline
Closed

Comments

  • marieluise_schulz started the conversation

    Hey again,

    I have used the Button-Element of the Visual Composer. The buttons had the same style like at the screenshot attached. I don't know what happened, know they have a different style, that the button is also filled in the default mode.

    I tried different options, but I can't find the previous option. Which are the settings for VC-Buttons, with the style in the attached screenshot?

    Thanks a lot!

  •  9,016
    Tahir replied

    Hey,

    Please provide the page url so i can see whats going wrong.

    Thanks


    ThemeNectar Support Team 

  • marieluise_schulz replied

    Hey Tahir,

    I builded the buttons by my own with the plain html element of the visual composer. So they are independent of the theme setting!

    Thank you a lot for supporting!

  •  9,016
    Tahir replied

    Hey Again,

    Not sure how we can help with custom coded buttons ?.  Try adding the VC Button Shortcodes and then copy paste its HTML using the Inspect Element Option in the Chrome Browser. 

    B.est 


    ThemeNectar Support Team 

  • marieluise_schulz replied

    Hey Tahir,

    thanks for supporting! I allready did a custom code button (attached Image). 

    It works very well. I did it like this:

    Custom VC-HTML: <div class="button_1"><a href="/projects">Name_Button</a></div>

    Css-Code:

    .button_1{    
        border: 3px solid red;    
        border-color:        #324D5C;    
        color:     #324D5C;    
        display: inline;    
        text-align: center;    
        font-size: 120% !important;    
        text-transform: none !important;    
        line-height: 1.1em;    
        font-weight: 300 !important;    
        letter-spacing:1px;    
        cursor:pointer;    
        padding-top: 0.9em;    
        padding-right: 2.7em;    
        padding-bottom: 0.9em;    
        padding-left: 2.7em;    
        margin-left: 0%;    
        transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    }
    .button_1:hover{    
        background-color: #324D5C;    
        color: #fff;
    }
    .button_1 a{  
        color: #324D5C !important;
    }
    .button_1:hover a{    
        color: #fff !important;
    }