Button Color Shortcode

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #14609
    aespaterson
    Member

    Hi,

    Read all the documentation, tried 4 different combinations and have still not got a ‘blue’ color for the button, looks like there’s a ‘default green’ for everything.

    Please advise.

    Andrew

    [segment id=”about-fusion” class=”mockups-container dark-bg” background_color=”#2c3137″]

    [five_col class=”text-content”]

    [heading type=”left small dashed” title=”Qui Sommes Nous”]

    Suspendisse ullamcorper lobortis suscipit. Integer vitae posuere eros. Praesent et tristique nisl, non tincidunt mi. Duis condimentum accumsan lacus, ac vestibulum purus. Aenean fringilla consectetur felis, eget pulvinar mauris tempus id. Quisque eget eros convallis dolor vestibulum feugiat.

    [button id=”” style=”” color=”blue” type=”large” size=”large” href=”http://targeturl.com” align=”left” target=”_self”]Contactez nous[/button]

    [/five_col]

    [seven_col_last class=”mockups-wrap”]

    #14614
    Veena
    Moderator

    I have tried the same button shortcode and i got blue colored button.

    [button id="test" style="" color="blue" type="large" size="large" href="http://targeturl.com" align="left" target="_self"]Contactez nous[/button]
    
    #14617
    aespaterson
    Member
    This reply has been marked as private.
    #14624
    Veena
    Moderator

    Button shortcode should work. The shortcode which you have rendered is not correct it seems. Can you pls check whether the inverted commas in shortcode is proper or not?
    And pls give shortcode in the text tab of visual editor.
    Try to copy paste the above button shortcode in text tab of visual editor.

    For quick fix you can use the below custom CSS in theme options –

    .post-9001 .button {
      background-color: #46a5d5;
      border-color: #37b4ee #1c8bbe #1c8bbe #37b4ee;
    }
    
    #14625
    Veena
    Moderator

    Update:
    I have corrected the inverted commas and now the shortcode is working . Pls check.

    #14627
    aespaterson
    Member
    This reply has been marked as private.
    #14633
    aespaterson
    Member
    This reply has been marked as private.
    #14636
    Veena
    Moderator

    You can set custom color for skin in Themeoptions > General tab , you can chose blue color there and that will adjusts the color of the theme elements automatically.

    #14639
    aespaterson
    Member
    This reply has been marked as private.
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Button Color Shortcode’ is closed to new replies.