Hi,

I tested this using the enfold logo however this is only going to work on a non-fixed header. Please try to import the dummy data and test this one. Put this code on your custom.css

.logo a:hover {

display: block;

width: 192px;

height: 88px;

background: url(../images/layout/logo2.png) no-repeat;

padding: 0 !important;

}



.logo img:hover {

padding: 0 !important;

position: absolute;

left: -9999px;

}



.logo img {

padding: 0 !important;

}

Regards,

Ismael

Hi,

You got a lot of thread opened and I checked the link you provided, none of them show the enfold theme on the website. Just the default homepage for a blank website like Devin said. :D

Regards,

Ismael

Hi,

2.) You can add a border radius on the container of that image. You can do something like this for example, just inspect the container of the image.

.img_container {

border-radius: 50%;

width: 200px;

height: 200px;

overflow: hidden;

}

Can you give us a link to your homepage so that we can inspect it?

Regards,

Ismael

Hi,

Edit the layer , go to Styles > Layout and Positions. Try to specify a certain width on the text block.

Regards,

Ismael

Hi,

I’m being directed to a blank page. No enfold theme whatsoever. :)

Regards,

Ismael

Hi,

You should set the featured image on your blog posts not on the Blog page itself.

Regards,

Ismael

Hi,

Edit js > avia.js and find this code

//check if the browser supports element rotation

function avia_header_size()

{

var win	            = $(window),

header          = $('.fixed_header #header'),

elements        = $('#header_main .container, .main_menu ul:first-child > li > a:not(.avia_mega_div a)'),

el_height       = $(elements).filter(':first').height(),

isMobile        = 'ontouchstart' in document.documentElement,

scroll_top		= $('#scroll-top-link'),

set_height      = function()

{

var st = win.scrollTop(), newH = 0;



if(st < el_height/2)

{

newH = el_height - st;

//header.removeClass('shadow');

}

else

{

newH = el_height/2;

//header.addClass('shadow');

}



elements.css({height: newH + 'px', lineHeight: newH + 'px'});

}



if(!header.length) return false;



if(isMobile)

{

return false;

}



win.scroll(set_height);

set_height();

}

Remove it.

Or another way is to add this on your custom.css or Quick CSS

#header_main .container, .main_menu ul:first-child > li a {

height: 88px !important;

line-height: 88px !important;

}

Height and line-height will depend on the size of your logo.

Regards,

Ismael

Hi,

Do you have any plugins installed that might actually cause this facebook hover effect?

Regards,

Ismael

Hey,

Glad it is fixed. :)

Regards,

Ismael

Hi,

Nick’s solution does work. Select a background image on the Theme Options > Styling > Header tab then add this on your custom.css or Quick CSS.

.header_color .header_bg {

background-color:initial;

}

Regards,

Ismael

Hi,

Go to LayerSlider WP > Select “Enfold – most beautiful theme ever” slider > Global Settings > Basic > Layers Container. It will constrain the elements to a specified width and keep it centered. Suggested width is 800. You may have to adjust the position of some layers.

Regards,

Ismael

Hello,

Just edit the page then insert the Blog Posts element under Content Element tab. Edit the Blog Posts element, under Blog Style > select Multi author blog.

Suggested blog posts featured image size to recreate the demo is 1030x360px.

Regards,

Ismael

Hi,

Yep, you can Import the Dummy Data to get some idea how things get done. :)

Regards,

Ismael

Hi,

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

div .logo {

float: left;

position: relative;

left: 0;

display: block;

}



.main_menu {

clear: none;

position: relative;

left: 0;

}

Regards,

Ismael

Hi,

Sorry my bad. Please do this instead. On functions.php place this code at the very bottom.

function new_widgets_init() {



register_sidebar( array(

'name' => '404 Widget',

'id' => '404_sidebar',

'before_widget' => '<div>',

'after_widget' => '</div>',

'before_title' => '<h2 class="rounded">',

'after_title' => '</h2>',

) );

}

add_action( 'widgets_init', 'new_widgets_init' );

Now edit error404.php and find this code

<h3 class=''><?php _e('Feel like browsing some posts instead?', 'avia_framework'); ?></h3>

Below add this code

<?php

if ( dynamic_sidebar('404_sidebar') ) :

else :

?>

<?php endif; ?>

Go to Appearance > Widget and add some widgets on 404 Widget Area.

Regards,

Ismael