Hi,

Ok, update. I did Dude’s code and the shop overview page product thumbnails hover starts working even if the “No hover effect” is selected.

FYI, the hover effect will only work if there is an image added on the Product Gallery section.

Regards,

Ismael

Hi,

You can visit odesk or freelancer. :)

Regards,

Ismael

Hey,

Glad it worked. :)

Cheers,

Ismael

Hi,

On Enfold > Styling > Use stretched or boxed layout?, select Stretch Layout.

Regards,

Ismael

Hi,

I think you don’t need to do that. It is there already. Open the same file (register-admin-options.php), you will find this:

subtype" => apply_filters('avf_google_content_font', array(	':: :: Web save fonts :: ::'=>'',

'Arial'=>'Arial-websave',

'Georgia'=>'Georgia-websave',

'Verdana'=>'Verdana-websave',

'Helvetica'=>'Helvetica-websave',

'Helvetica Neue'=>'Helvetica-Neue,Helvetica-websave',

'Lucida'=>'"Lucida-Sans",-"Lucida-Grande",-"Lucida-Sans-Unicode-websave"',

':: :: Google fonts :: ::'=>'',

'Arimo'=>'Arimo',

'Cardo'=>'Cardo',

'Droid Sans'=>'Droid Sans',

'Droid Serif'=>'Droid Serif',

'Kameron'=>'Kameron',

'Maven Pro'=>'Maven Pro',

'Open Sans'=>'Open Sans:400,600',

'Lora'=>'Lora',



)));

You can use it on your custom.css or Quick CSS already:

h1, h2, h3, h4, h5, h6 {

font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

Regards,

Ismael

Hey,

Yeah. I think that’s what you’re looking for if I am not mistaken. Did it work?

Regards,

Ismael

Hi,

If you are working on my instructions, I’ll repeat it again.

You can replace an existing icon with the youtube icon. On Enfold > Header > Add the Tumblr social icon for example. Place your apple link. When you’re done, edit custom.css then add this code:

#top .social_bookmarks_tumblr {

background: url(../images/apple.png) no-repeat center;

}



#top .social_bookmarks_tumblr:hover a {

color:#fff;

background: url(../images/apple-hover.png) no-repeat center;

}



#top .social_bookmarks_tumblr a {

text-indent: -9999px;

}

You don’t need to do Dude’s code. Yes, you need two icons for the initial and hover state. If you want a different color for the hover, you need to edit the apple-hover via Photoshop and change the background color manually.

Regards,

Ismael

Regards,

Ismael

Hi,

Go to LayerSlider WP, edit the slides. On Slide Options, look for Slide transition > Use 3D/2D, select 2D.

Regards,

Ismael

Hi,

You can use this

.header_color li, .header_color span  {

border-color: black;

}

Regards,

Ismael

Hi,

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

.search .date-container.minor-meta {

display: none !important;

}

Regards,

Ismael

Hi,

Do what Nick says then edit archive.php, find this code

$more = 0;

get_template_part( 'includes/loop', 'index' );

Replace it with:

$more = 0;

get_template_part( 'includes/loop', 'archive' );

Go to includes folder, edit loop-archive.php then remove everything. Replace the content of the file with this code: http://pastebin.com/HtCj8bys

Regards,

Ismael

Hi,

Please switch your Avia Builder to debug mode. Open functions.php, find this code

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

Below, add this code

//set builder mode to debug

add_action('avia_builder_mode', "builder_set_debug");

function builder_set_debug()

{

return "debug";

}

This will render the actual shortcode below the Advance Layout Editor.

Regards,

Ismael

Hi,

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

/*

Mobile Styles

================================================== */

/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */



@media only screen and (max-width: 767px) {

/* Add your Mobile Styles here */

.avia_transform .avia_start_animation.bottom-to-top.avia_image {

-webkit-animation: none;

-moz-animation: none;

-o-animation: none;

animation: none;

opacity: 1;

}



}

Regards,

Ismael

Hi,

You can add the links and social media icons on Enfold > Header. It will display the same icons with the header icons.

Your scroll to top button looks fine. You can change the position with this

#scroll-top-link {

right: 100px;

bottom: 100px;

}

Regards,

Ismael

Hi,

Yes, it is possible. You can add the html code:

<a href="#portfolio" class="avia-slideshow-button avia-button-light" data-duration="800" data-easing="easeInOutQuad">Learn more</a>

Regards,

Ismael