Skip to content

Instantly share code, notes, and snippets.

View paullacey78's full-sized avatar

Paul Lacey paullacey78

View GitHub Profile
:root {
/* -- EDIT THE FOLLOWING VARIABLES TO ADUST GLOBAL ROW PADDING -- */
--bb-x-large: 5%;
--bb-large: 5%;
--bb-medium: 3%;
--bb-small: 20px;
}
/* x-large row padding */
@media(min-width:768px) {
.fl-builder-content .fill .fl-button-wrap a.fl-button,
.fl-builder-content .fill-outline .fl-button-group-button:nth-child(1) .fl-button-wrap a.fl-button,
.fl-builder-content .outline-fill .fl-button-group-button:nth-child(2) .fl-button-wrap a.fl-button {
font-family: var(--buttonFontFamily,var(--fontFamily));
font-size: var(--buttonFontSize);
font-weight: var(--buttonFontWeight);
font-style: var(--buttonFontStyle);
letter-spacing: var(--buttonLetterSpacing);
text-transform: var(--buttonTextTransform);
-webkit-text-decoration: var(--buttonTextDecoration);
/* ## REMOVE MARGIN-BOTTOM FOR LAST CHILD ## */
.fl-rich-text p:last-child{
margin-bottom: 0 !important;
}
/*#######################################################*/
/* ## SET MAXIMUN WIDTH FOR ROWS CONTENT ## */
@media only screen and (max-width: 992px) {
/* Add the class bb-shape to the Beaver Builder row and then add this css to wherever you put your css */
.bb-shape .fl-row-content-wrap:after {
border-bottom: 1px solid #fff;
}
<?php
/*
* Woocommerce Push UK & USA to the top of the country list
*/
add_filter('woocommerce_sort_countries', '__return_false');
add_filter( 'woocommerce_countries', 'change_country_order_in_checkout_form' );
function change_country_order_in_checkout_form($countries)
{
$uk = $countries['GB']; // Store the data for "UK key
.wp-custom-logo .title-area {
max-width: 320px;
}
ul.menu-primary.genesis-nav-menu li {
margin-left: 0;
}
ul.menu-primary.genesis-nav-menu li {
border-radius: 5px;
}
a.fl-button,
a.fl-button:visited,
.fl-builder-content a.fl-button,
.fl-builder-content a.fl-button:visited {
background: red;
border: 1px solid red;
border-radius: 20px;
}
a.fl-button *,
a.fl-button:visited *,
.fl-builder-module-template {
padding: 0;
}
function classToggle() {
this.classList.toggle('class1');
this.classList.toggle('class2');
}
document.querySelector('#div').addEventListener('click', classToggle);