{"title":"Adding Phlox Header Button","id":59079,"link":"https:\/\/env.averta.net\/en\/step\/adding-phlox-header-button\/","parent":[59905,35053],"content":"

\"\"<\/a>You can add up to two buttons to Phlox header.?Header Button?<\/strong>is available in different sizes and various styles. Also, you can add an icon to your button or even link the button to anywhere you want.<\/p>\n

To find the related options, follow below steps:<\/p>\n

    \n
  1. Go to your?WordPress Admin Panel<\/strong><\/li>\n
  2. Click?Appearance<\/b>?on the?Dashboard<\/b><\/li>\n
  3. Then click?Customize<\/b><\/li>\n
  4. Navigate?Header > Header Button 1, 2<\/strong><\/li>\n<\/ol>\n
    \n

    Header Button Options<\/h3>\n

    \"\"<\/a><\/p>\n

    Display Header Button 1<\/h4>\n

    Here you can enable this option to display a button in the header. If you want to add two buttons, go back and select Header Button 2.<\/p>\n

    Button Label<\/h4>\n

    Choose a name for your button on this section.<\/p>\n

    Button Size<\/h4>\n

    Each button can have different sizes: Ex-large, Large, Medium, Small, Tiny<\/p>\n

    \"exlarge\"?\"large\"?\"medium\"?\"small\"?\"tiny\"<\/p>\n

    Button Shape<\/h4>\n

    The shape of the button can be changed to Box, Round, Curve<\/p>\n

    \"box\"?\"round\"?\"\"<\/p>\n

    Button Style<\/h4>\n

    Buttons can appear in three styles: Normal, 3D, Outline<\/p>\n

    \"normal\"?\"3d\"?\"outline\"<\/p>\n

    Icon for Button<\/h4>\n

    There are almost a thousand available icons to use on the button.<\/p>\n

    <\/div>\n

    Icon Alignment<\/h4>\n

    You are able to align the button icon to:<\/p>\n\n\n\n\n\n\n\n\n
    ?Icon Alignment<\/th>\n?Icon Alignment Preview<\/th>\n<\/tr>\n
    ?Left<\/td>\n?\"left-icon\"<\/td>\n<\/tr>\n
    ?Right<\/td>\n?\"right-icon\"<\/td>\n<\/tr>\n
    ?Over<\/td>\n?\"animate-over\"<\/td>\n<\/tr>\n
    ?Animate from Left<\/td>\n?\"animate-left\"<\/td>\n<\/tr>\n
    ?Animate from Right<\/td>\n?\"animate-right\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    \"\"<\/a>Color of Button<\/h4>\n

    This option specifies the color of the button. To see all available colors for Phlox button, check out this page<\/a>.<\/p>\n

    Color of Button on Sticky<\/h4>\n

    On sticky header mode, the button’s color can be different to its original color.<\/p>\n

    Link<\/h4>\n

    If you want to link your button to another page, you can write the URL in this field.<\/p>\n

    Open Link in<\/h4>\n

    You can either open the link in the current page or in the new page.<\/p>\n

    Recommended: <\/strong>To see the buttons demos, check out this link<\/a>.<\/p>\n","type":"solution"}