Get Beaver Theme Customizer Setting Values

You can get the value of Beaver Theme customizer settings values with FLTheme::get_setting which is similar to the get_theme_mod function, it works like so.

FLTheme::get_setting( 'fl-body-font-family' );

So in the above, the font value is got from the Customizer > General > Text >  Font Family

Assign it to a variable and var_dump it out to see it.

$font = FLTheme::get_setting( 'fl-body-font-family' );

var_dump ($font);

Now you will see the value

string(11) "Avenir Book"

Here is a list of available Beaver customizer settings

    // Layout
    fl-layout-width                     
    fl-content-width                    
    fl-layout-spacing                   
    fl-layout-shadow-size               
    fl-layout-shadow-color              
    fl-scroll-to-top        
    fl-framework
    fl-awesome 

    // Background   
    fl-body-bg-color                    
    fl-body-bg-image                    
    fl-body-bg-repeat                   
    fl-body-bg-position                 
    fl-body-bg-attachment               
    fl-body-bg-size

    // Accent Color                     
    fl-accent                           
    fl-accent-hover 

    // Headings                    
    fl-heading-text-color               
    fl-heading-font-family              
    fl-heading-font-weight              
    fl-heading-font-format              
    fl-heading-font-line1               
    fl-h1-font-size                     
    fl-h1-line-height                   
    fl-h1-letter-spacing                
    fl-h1-line                          
    fl-h2-font-size                     
    fl-h2-line-height                   
    fl-h2-letter-spacing                
    fl-h2-line                          
    fl-h3-font-size                     
    fl-h3-line-height                   
    fl-h3-letter-spacing                
    fl-h3-line                          
    fl-h4-font-size                     
    fl-h4-line-height                   
    fl-h4-letter-spacing                
    fl-h4-line                          
    fl-h5-font-size                     
    fl-h5-line-height                   
    fl-h5-letter-spacing                
    fl-h5-line                          
    fl-h6-font-size                     
    fl-h6-line-height                   
    fl-h6-letter-spacing  

    // Text              
    fl-body-text-color                  
    fl-body-font-family                 
    fl-body-font-weight                 
    fl-body-font-size                   
    fl-body-line-height   

    // Buttons
    fl-buttons
    fl-button-color
    fl-button-hover-color
    fl-button-background-color
    fl-button-background-hover-color
    fl-button-font-family  
    fl-button-font-weight  
    fl-button-font-size
    fl-button-line-height
    fl-button-text-transform
    fl-button-border-style
    fl-button-border-width
    fl-button-border-color
    fl-button-border-radius

    // Social Links
    fl-social-icons-color               
    fl-social-facebook                  
    fl-social-twitter                   
    fl-social-google                    
    fl-social-linkedin                  
    fl-social-yelp                      
    fl-social-xing                      
    fl-social-pinterest                 
    fl-social-tumblr                    
    fl-social-vimeo                     
    fl-social-youtube                   
    fl-social-flickr                    
    fl-social-instagram                 
    fl-social-skype                     
    fl-social-dribbble                  
    fl-social-500px                     
    fl-social-blogger                   
    fl-social-github                    
    fl-social-rss                       
    fl-social-email   

See some more settings in this post about customizer values and presets.

Ref

Leave all Comment