neilgee
8/9/2017 - 1:06 AM

Beaver Builder CSS Snippets

Beaver Builder CSS Snippets

/* Button row - substitute out .black-but for a custom CSS
---------------------------------------------------------------------------------------------------- */
.home-hero-row .fl-node-598a5652377af {
	justify-content: center;
	display: flex;
	flex-flow: row wrap;
}

.home-hero-row .fl-node-598a5652377af .fl-col {
	width: auto;
	margin-right: 10px;
	text-transform: uppercase;
}

@media (max-width: 768px) {

	.home-hero-row .fl-node-598a5652377af .fl-col {
		margin: 0;
	}
	
	.home-hero-row .fl-node-598a5652377af .fl-col .fl-module-content {
	    margin: 10px 5px 5px;
	}
}


/* Buttons - substitute out .black-but for a custom CSS
---------------------------------------------------------------------------------------------------- */

.fl-builder-content .black-but a.fl-button, 
.fl-builder-content .black-but a.fl-button:visited {
    background: #000;
    border: 1px solid #000;
    color: #fff;
    border-radius: 1px;
}

.fl-builder-content .black-but  a.fl-button:hover, 
.fl-builder-content .black-but  a.fl-button:focus {
    background: #fff;
    border: 1px solid #000;
    color: #000;
}

.fl-builder-content .black-but a.fl-button *, 
.fl-builder-content .black-but a.fl-button:visited  {
	  color: #fff;
}

.fl-builder-content .black-but  a.fl-button:hover *, 
.fl-builder-content .black-but  a.fl-button:focus * {
	  color: #000000;
}

/* Before and after quote symbols on a rich text box
---------------------------------------------------------------------------------------------------- */
.testimonial-boxed-quote  .fl-rich-text:before{
	content: "\f122";
	font-family: dashicons;
	position: absolute;
	top: 20px;
	left: -20px;
	font-size: 55px;
	display: inline-block;
	background: #fff;
}

.testimonial-boxed-quote  .fl-rich-text:after{
	content: "\f122";
	font-family: dashicons;
	transform: rotate(180deg);
	position: absolute;
	bottom: 20px;
	right: -20px;
	font-size: 55px;
	display: inline-block;
	background: #fff;
}