Hey heufti65!

Edit includes > related-posts.php, find this code on line 65:

$output .= "<h5 class='related_title'>".__('You might also like', 'avia_framework')."</h5>";

Best regards,
Ismael

Hey!

You can edit header.php, find this code on line 101:

if(strpos($headerS,'bottom_nav_header') === false) avia_social_media_icons($social_args);

Below, add the do_shortcode function with the plugin’s shortcode:

echo do_shortcode( '[sc_embed_player fileurl="http://myblog./wp-content/uploads/2014/01/music.mp3" volume="10" loops="true"]' );

Add this on Quick CSS to position the button properly. Adjust if necessary.

.sc_player_container1 {
position: absolute;
top: 0;
left: 83px;
}

Regards,
Ismael

Hey Kalmatron!

1.) Edit the Portfolio Grid element then look for “Link Handling”, choose “Display the big image in a lightbox”.

2.) Add this on your custom.css or Quick CSS:

.tiled-gallery-item.tiled-gallery-item-large a img {
width: 100% !important;
padding: 2px;
}

Regards,
Ismael

Hey!

Yes, define the normal size for the max width and height. Please post the link to your website. What is the size of your logo?

Cheers!
Ismael

Hi oliviad!

Maybe, he’s doing something that alters the style or content of the page. Can you please post a screenshot of the issue? The page looks fine on my end.

Best regards,
Ismael

Hi Dogmut!

After you added the images on the fullscreen slider, click on the images again then insert a caption title and description. You can also add a button.

Regards,
Ismael

Hi MtnStreamGroup!

Can you please give us a link to the page? I tested this on my end and the alt tag doesn’t show up when I didn’t place anything on the Image Caption field.

Regards,
Ismael

Hey hstveilig!

Please use the “Header with Social icons and bottom navigation” then add this on your Quick CSS or custom.css:

.bottom_nav_header.social_header .logo {
position: relative;
left: 35%;
}

.bottom_nav_header.social_header .main_menu ul:first-child {
position: relative;
left: 20%;
}

#top #menu-item-search {
float: left;
}

Best regards,
Ismael

Hey!

Can you please give us a link to the actual page with the comment section? Post the login details here as a private reply.

Best regards,
Ismael

Hi!

You can change the scroll to top arrow icons using this:

#scroll-top-link {
font-size: 50px;
}

Cheers!
Ismael

Hey xpoveda!

Do you have a minify plugin? Maybe, that is causing the issue. Please deactivate the plugin then reload the page.

Best regards,
Ismael

Hi!

Glad you figured it out. You can hide the LayerSlider for desktop using this on Quick CSS or custom.css:

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

Inspect the layer slider’s id then add it inside the media query.

Cheers!
Ismael

Hey jtree5757!

You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

Edit any avia elements like the Special Heading then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome_heading”.

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

.av-special-heading.awesome_heading {
position: absolute;
left: 0px;
}

@-webkit-keyframes heading-animation {
  0%   { left: -70px; opacity: 0; }
  100% { left: 0; opacity: 1;}
}
@-moz-keyframes heading-animation {
  0%   { left: -70px; opacity: 0; }
  100% { left: 0; opacity: 1;}
}
@-o-keyframes heading-animation {
  0%   { left: -70px; opacity: 0; }
  100% { left: 0; opacity: 1;}
}
@keyframes heading-animation {
  0%   { left: -70px; opacity: 0; }
  100% { left: 0; opacity: 1;}
}

.av-special-heading.awesome_heading {
  -webkit-animation: heading-animation 2s;
  -moz-animation:    heading-animation 2s;
  -o-animation:      heading-animation 2s;
  animation:         heading-animation 2s;
}

Reload the page. :)

Cheers!
Ismael

Hi webpress!

Insert a logo image with twice the size that you want then add this on Quick CSS:

.logo img {
max-height: 116px !important;
max-width: 231px !important;
}

Adjust the max-width and max-height.

Cheers!
Ismael

Hey!

Please switch to default twenty thirteen theme or any other themes then switch back to Enfold.

Regards,
Ismael