Hi erikkIsrael!

Can you please post a screenshot of what you’re trying to do? A link to the actual page will help.

Regards,
Ismael

Hey redpupmedia!

Edit config-templatebuilder > avia-shortcodes > gallery.php, find this code on line 212:

$output .= "<a class='avia-gallery-big fakeLightbox $imagelink $crop_big_preview_thumbnail' href='".$link[0]."' data-onclick='1' title='".$description."' ><span class='avia-gallery-big-inner' $markup_url>";
							$output .= "	<img src='".$prev[0]."' title='".$title."' alt='".$alt."' />";
			   if($caption) $output .= "	<span class='avia-gallery-caption'>{$caption}</span>";
							$output .= "</span></a>";

Replace it with:

$output .= "	<img src='".$prev[0]."' title='".$title."' alt='".$alt."' />";
			   if($caption) $output .= "	<span class='avia-gallery-caption'>{$caption}</span>";

And this code on line 216:

$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' title='".$title."' alt='".$alt."' /></a>";

Replace it with:

$thumbs .= " <img {$tooltip} src='".$img[0]."' title='".$title."' alt='".$alt."' />";

Add this on Quick CSS to retain the cursor. Remove browser cache then reload the page.

.avia-gallery {
cursor: pointer;
}

Best regards,
Ismael

Hi mediumstudio!

Please try to insert the Text Block inside a column layout. You can also use the Image element under Media Elements panel, place inside a column layout. The images’ width are set to 100%, you can add a unique css selector to the image then specify the width and height using Quick CSS.

Cheers!
Ismael

Hi!

You can add this on Quick CSS or custom.css:

.pp_expand {
display: none !important;
}

Regards,
Ismael

Hey!

Please add this at the very bottom of functions.php:

add_action('after_setup_theme','avia_remove_portfolio_breadcrumb');

function avia_remove_portfolio_breadcrumb(){
remove_filter('avia_breadcrumbs_trail','avia_modify_breadcrumb');
}

Cheers!
Ismael

Hey!

Please edit the page. Inspect the shortcode then remove the line break tag (<br>) below the first 1/3 column. Use this on Quick CSS to remove the post meta infos:

.post-meta-infos {
display: none;
}

Best regards,
Ismael

Hey FiestaInsurance!

Go to Enfold > Header > Responsive Header Main Menu > choose the “Slide out Menu”.

Cheers!
Ismael

Hey!

You can adjust the top margin of the columns using this:

body .column-top-margin {
margin-top: 10px;
}

Best regards,
Ismael

Hey CelebrationEvents!

Is this still happening? I don’t see the error and the masonry is working when I checked the link.

Best regards,
Ismael

Hey!

Please use this instead:

@media only screen and (max-width: 767px) {
.responsive #header .social_bookmarks {
position: absolute;
left: -60px;
width: 50%;
}

.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {
width: 75%;
position: relative;
right: -70px;
}

#menu-item-6214 a {
position: relative !important;
top: 0px !important;
}
}

The header should look like this after:

Best regards,
Ismael

Hey!

You can use this:

#av_section_1 .av_textblock_section {
background: white;
padding: 20px;
}

Change the background to any color you want.

You can use this on the second page:

.flex_column.av_two_third.first.avia-builder-el-7.el_after_av_one_third.column-top-margin {
background: rgba(255,255,255,.8);
padding: 20px;
}

Cheers!
Ismael

Hey NanaKuo!

You can add this on Quick CSS to adjust the width of the logo on mobile devices.

@media only screen and (max-width: 767px) {
.responsive #top .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top .avia-content-slider-odd .slide-entry.slide-parity-even {
margin: 0;
clear: both;
width: 100%;
}

.responsive #top .avia-smallarrow-slider .flex_column {
margin: 0px;
width: 100%;
}
}

Cheers!
Ismael

Hi!

Create a custom link on Appearance > Menus, add the url then label it “Request a Demo”. Inspect the menu item then get the menu id. It will something like “#menu-item-2311”. Yours might be different. Add this on Quick CSS:

.sub_menu #menu-item-2311 a {
position: relative;
width: 100px;
background: blue !important;
display: block;
text-align: center;
top: -11px;
left: -5px;
}

Please give us a link to the website after you added the custom link.

Regards,
Ismael

Hey!

Ok. My bad! You really need to edit base.css then find the code I posted above. Change the icon code.

Best regards,
Ismael

Hi!

Unfortunately, you can’t do that but you can increase the delay for the layer on transition out. Set a high number for the Transition Out > Delay.

Regards,
Ismael