I tried Image Zoom and WP Image Zoom and no luck. Nextend Image Magnifier worked fine in Firefox but doesnt in IE8, which i need.

Its just that one computer… sorry abut that. :)

Thanks for all your help with the customizations.

interesting. It is only happening in Chrome on this computer. It’s fine in Safari. Let me try a different computer. I will let you know. Thanks!

kept fiddling and kind of got the heading logo how i would like, i did it by inserting the image via the ‘upload custom background image’ as found in the enfold styling header options.

however, i had to resize the image down considerably, as it was overlapping the social media icons. didn’t mind this to a point as was prob too big in any case. but even when i resized it down from 1010px wide down to just 660 wide and 131px high, part of the image was being chopped off in the header. i have now shrunk it down to just 500wx79h pixels, but i think it’s a tad small. how can i set the logo to any size i want in this section without parts of it getting chopped please? is there any code i can use in the quick css section for example or something else i could do.

thank you kindly,
paul

That seems to have fixed it. Not sure if it is my server or what, but now when you roll over the image there is a delay for the overlay to let you know to click on the thumbnail, and also ther is no animation anymore. Take a look, http://www.lanceblaise.com

That didn’t work for me, possible because I have UberMenu as my menu now??
But I did manage to get what I want by editing the header.php and changing

  <div class='container'>

                        <?php
                        /*
                        *	display the theme logo by checking if the default logo was overwritten in the backend.
                        *   the function is located at framework/php/function-set-avia-frontend-functions.php in case you need to edit the output
                        */
                        echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');

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

                        /*
                        *	display the main navigation menu
                        *   modify the output in your wordpress admin backend at appearance->menus
                        */
                            $extraOpen = $extraClose = "";
                            if(strpos($headerS,'bottom_nav_header') !== false){ $extraClose = "</div></div><div id='header_main_alternate' class='container_wrap'><div class='jrm_container'>";  }

Notice at the very end I have “jrm_container” instead of just “container” Then I added the following css:

.jrm_container {
  position: relative;
  margin: 0 auto;
  padding: 0px;
  clear: both;
}

That way the width takes up the entire width of the parent container.

Do you see any issues with this way of doing things? I created my own cusotm “container” to avoid any potential issues like other divs having the container class.

thanks

Josue, you are a genius, sending you a virtual beer!.

Can I shift the icons to the right 10 px?, then everything will be great. They ar just off centre if you look at the images above and the logo below.

Sorry for being a pain

Thanks mate

Gary

Hey Josue,

Ok, so the icons are in a one column set up now.

The following code was for the social icon alignment to the left of the main image here: http://www.naturaloutlook.com/about/ I can delete the icons from here if its too much of a headache.

.avia_textblock .social_bookmarks li{
float: left !important;
list-style: none;
margin-left: 0;
}

Thanks mate

I already have tried that. I think it is something that needs to be changed in that “posts slider” part of your page builder. The thumbnail regenerator didn’t work for the post itself. I had to delete the featured image and then upload a new one, so its not a regeneration issue.