Skip to content

Instantly share code, notes, and snippets.

@pro-beaver
pro-beaver / style.css
Created January 19, 2018 12:12
Change menu area width in header area of Beaver Builder Theme
/**
* Change menu area width in header area of Beaver Builder Theme
*
* @author Davinder Singh Kainth
* @link http://probeaver.com/?p=2604
*
*/
@media (min-width: 992px) {
.fl-page-nav-right .fl-page-nav-wrap {
/**
* Disable and Hide Animations in Beaver Builder modules
*
* @author Chinmoy K Paul
* @link http://probeaver.com/?p=1697
*
*/
@pro-beaver
pro-beaver / style.css
Last active December 9, 2022 07:40
Disable and Hide Animations in Beaver Builder modules
/**
* Disable and Hide Animations in Beaver Builder modules
*
* @author Davinder Singh Kainth
* @link http://probeaver.com/?p=1697
*
*/
/* Hides animation section in Beaver Builder Modules */
@pro-beaver
pro-beaver / style.css
Created April 25, 2017 04:59
Center align logo image in mobile view of Beaver Builder theme
/**
* Center align logo image in mobile view of Beaver Builder theme
*
* @author Davinder Singh Kainth
* @link http://probeaver.com/?p=1555
*
*/
@media only screen and (max-width: 768px) {
.fl-page-nav-toggle-icon .fl-page-header-logo {
@pro-beaver
pro-beaver / style.css
Created December 12, 2016 13:09
Retina Image display in Beaver Builder photo module
/**
* Retina Image display in Beaver Builder photo module
*
* @author Davinder Singh Kainth
* @link http://probeaver.com/?p=1044
*
*/
.retina-image img {
width: 50% !important;
@pro-beaver
pro-beaver / style.css
Created December 5, 2016 14:07
Remove specific columns layout in row layout in Beaver Builder
/**
* Remove specific columns layout in row layout in Beaver Builder
*
* @author Davinder Singh Kainth
* @link http://probeaver.com/?p=1012
*
*/
.fl-builder-edit [data-cols="3-cols"],
.fl-builder-edit [data-cols="4-cols"],
@pro-beaver
pro-beaver / style.css
Created October 10, 2016 15:01
Using multiple fonts in headline module of Beaver Builder
/**
* Using multiple fonts in headline module of Beaver Builder
*
* @author Davinder Singh Kainth
* @link http://probeaver.com/?p=977
*
*/
.pro-text-1 i {
@pro-beaver
pro-beaver / style.css
Created October 10, 2016 13:44
Tilt or Slant text CSS effect
/**
* Add tilt or slant text CSS effect
*
* @author Davinder Singh Kainth
* @link http://probeaver.com/?p=967
*
*/
.tilt-text-left {
@pro-beaver
pro-beaver / style.css
Created September 7, 2016 18:45
Center align left or right aligned text in mobile Beaver Builder layout
/**
* mobile-left-center class makes left aligned text center in mobile layout
* mobile-right-center class makes right aligned text center in mobile layout
*
* @author Davinder Singh Kainth
* @link http://probeaver.com/?p=770
*
*/
@pro-beaver
pro-beaver / style.css
Last active January 15, 2017 14:53
Add click to call Phone button in Beaver Builder
/**
* Add click to call Phone button in Beaver Builder
*
* @author Davinder Singh Kainth
* @link http://probeaver.com/?p=735
*
*/