Support » Theme: Virtue » Button size

  • Resolved beat105

    (@beat105)


    How Can ı change the custom button size and button text size ?

    [btn text=”Do You a Have Question ?” tcolor=#FFF thovercolor=#FFF”link=”” target=”_self”]

Viewing 4 replies - 1 through 4 (of 4 total)
  • You would have to use css, so first you would give the button an id, like:

    [btn text="Do You a Have Question ?" tcolor=#FFF thovercolor=#FFF"link="" target="_self" id="7"]

    Then you would add this css in your theme options > advanced settings:

    #kadbtn7 {
    font-size: 30px;
    padding: 20px 30px;
    }

    Kadence Themes

    Thanks for the help

    how do you change the button color , hover color, and hover opacity for a single button like the above id=”7″ and leave the rest to be based on the theme overall color scheme?
    this is what i have done

    #kadbtn7 {
    font-size: 15px;
    padding: 5px 5px;
    border-radius: 4px;
    width: 160px;
    height: 25px;
    line-height: 15px;
    }
    
    #kadbtn7:hover {
    background: #ffaf78;!important;
    }

    the color doest change correctly in the hover, yet i see that if i do this

    #kadbtn7 {
    font-size: 15px;
    padding: 5px 5px;
    border-radius: 4px;
    width: 160px;
    height: 25px;
    line-height: 15px;
    background: #ffaf78;!important;
    }

    then the hover color works but only at the 70% opacity setting as per the theme settings.

    so i guess i need the primary background colour setting, and how to change the opacity.
    thanks

    dlanebc83, Please don’t post a in resolved topic. You question can easily be missed.

    can you post a link to the page where you have this button?

    If your using a shortcode you can set the color of the button and the hover color right in the shortcode options.

    Kadence Themes

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Button size’ is closed to new replies.