Licence Key

Beaver Builder Licence Key - 78682e62702e6e7671727a63767566746e7973406174766672716f726a

UABB Licence Key - f697bc3cd600c4ef62b27a30ba7bbe22

Feed Them Social All Access Pass- 6fe4ef0ad15fe4dcdd81cb80f9f9dd83

__________________________________________________________________________________

 

Copyright Footer

&copy; <script type="text/javascript">
document.write(new Date().getFullYear());
</script> D.W Smith Services | Web Design by <a href="http://flagshipwebdesign.co.uk/">Flagship Web Design</a>

__________________________________________________________________________________

 

Hooks

add_action( 'fl_after_header', 'add_tagline' );
function add_tagline() {
echo do_shortcode('

');
}

 

Remove a hook from one page only

add_action( 'fl_after_content', 'add_contactfooter' );
function add_contactfooter() {
if ( ! is_page( array( '' ) ) ) {
echo do_shortcode('');
}
}

add_action( 'fl_after_header', 'add_categoryHeader' );
function add_categoryHeader() {
// If the current page loading is a Single Post
if( is_category()){
echo do_shortcode('');
}
}

__________________________________________________________________________________

 

Add breadcrumbs to Posts ONLY

function bbtheme_yoast_breadcrumbs() {

if ( function_exists('yoast_breadcrumb') && get_post_type( $post ) == 'post') {

yoast_breadcrumb('<div class="container">
<p id="breadcrumbs">','</p></div>');
}
}

add_action( 'fl_content_open', 'bbtheme_yoast_breadcrumbs' );

__________________________________________________________________________________

 

Remove categories & tags from all product pages

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );

__________________________________________________________________________________

 

CSS FOR MOBILE

@media only screen and (max-width: 400px){
.topbarText{
width: 50%;
float: left;
margin-right: 0px;
vertical-align:top;
font-size: 12px;
font-weight:bold;
}

.topbarText:last-child{
float: none !important;
display: inline-block;
margin-top: 5px
}

.headerIcon{
font-size: 18px;
min-width: 25px;
text-align: left;
margin-right: 0px;
height: 18px;
width: 18px;
color: #ffffff !important;
line-height: 18px;
vertical-align: sub;
}
}

__________________________________________________________________________________

 

UNDERLINE NAVIGATION ON HOVER

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li.current-menu-item > a{
border-bottom: #010101 3px solid;
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a:hover{
border-bottom: #6fcaff 3px solid;
}

__________________________________________________________________________________

 

FOO GALLERY TILT

#foogallery-gallery-53 .fg-item:first-child{
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
}

#foogallery-gallery-53 .fg-item:last-child{
-ms-transform: rotate(-7deg); /* IE 9 */
-webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
transform: rotate(-7deg);
margin-top:-40px;
}

__________________________________________________________________________________

 

Google Map Colour change CSS

How to customize the colour scheme of standard Google Maps with CSS3 filters

__________________________________________________________________________________

 

Padding on the facebook feed "View on Facebook"

a.fts-jal-fb-see-more {
margin-right: 10px;
}

__________________________________________________________________________________

 

Media Query, extends navigation to be inline with website content*

@media (min-width: 1100px)
{
.fl-full-width .container
{ width: 1150px;}
}

__________________________________________________________________________________

 

Add an angle to an image

.fl-node-5cae0cd7f0796
{clip-path: polygon(

0 0,

100% 0,

100% 100%,

0 calc(100% - 3vw)

);
}

__________________________________________________________________________________

 

LOGO HANGING OVER THE NAV BAR SCALE CORRECTLY BETTER ON MOBILE (CHANGE WIDTH WHEN NEEDED)

/*Makes Image hovering over nav relative for mobile*/

@media only screen and (max-width: 1024px) {
.fl-logo-img {
position: relative;
width:150px;
}
}

__________________________________________________________________________________

 

PRICING TABLE BUTTONS FIXED TO THE BOTTOM OF THE COLUMN

.uabb-pricing-table-column{
position: relative;
padding-bottom: 70px;
}

.uabb-pricing-table .uabb-creative-button-wrap{
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

__________________________________________________________________________________

 

Make the advanced nav fade

.secondary a *, .site-footer a *, .site-header a *, a { transition: all .2s linear; }

__________________________________________________________________________________

 

Captcha and submit button centered

.g-recaptcha div{
margin: 0 auto !important;
}

.wpforms-submit-container{
text-align: center;
}

__________________________________________________________________________________

 

Captcha Responsive

@media screen and (max-width: 575px){
#rc-imageselect, .g-recaptcha {
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
}

__________________________________________________________________________________

 

Remove the border on the last nav item

.uabb-creative-menu.uabb-menu-default .menu > li:last-of-type > a{
border-right: 0px;
}

__________________________________________________________________________________

 

Anchor Links in sub menu not showing active css

.uabb-creative-menu .sub-menu > li.current-menu-item > a span.menu-item-text{
color: #0D8337 !important;
}

.uabb-creative-menu .sub-menu > li.current-menu-item > a{
background-color: #ffffff !important;
}

.uabb-creative-menu .sub-menu > li > a:hover{
background-color: #dddddd !important;
}

__________________________________________________________________________________

 

Remove Blue underline phone number on iOS & Android Devices

<meta name="format-detection" content="telephone=no">

__________________________________________________________________________________

 

Reverse Call To action (inline) order (from right to left)

.fl-cta-inline{
display: flex;
flex-direction: row-reverse !important;
}

__________________________________________________________________________________

 

Fix for Modal Popup not scrolling

.uabb-modal-parent-wrapper.uabb-module-content .uabb-modal.uabb-drag-fix.uabb-modal-content.uabb-modal-custom.uabb-modal-scroll.uabb-show {
pointer-events: all !important;
}

__________________________________________________________________________________

 

Advanced posts images with uniform height

.uabb-post-thumbnail img{
width: 350px;
height: 200px;
object-fit: cover;
}

__________________________________________________________________________________

 

UABB PHOTO GALLERY UNIFORM HEIGHT

Height vw is based on columns.
- 12vw works for 5 columns on desktop.
- 25vw works for 3 columns on mobile/tablet.
- Adjust depending on columns used in design (will depend on column padding)

.uabb-photo-gallery img {
max-width: 100%;
width: 100% !important;
height: 12vw !important;
object-fit: cover;
}

@media only screen and (max-width: 992px) {
.uabb-photo-gallery img {
max-width: 100%;
width: 100% !important;
height: 25vw !important;
object-fit: cover;
}
}

__________________________________________________________________________________

 

Fix Blog Bullet Points

body.has-blocks .fl-post-content ul, body.has-blocks .fl-post-content ol {
margin: 0px 0 20px 10px;
max-width: 740px;
list-style-position: outside;
}

__________________________________________________________________________________

 

Z Index

.fl-node-5d372f9fd9dd2 .fl-photo-img-jpg {
z-index: 999 !important;
}

__________________________________________________________________________________