Hi,

You mean it displays at that size on a non-retina browser? at 200 height and 400 width? Are you sure about that , because the theme will resize anything over 120 height or so and maybe 230 width. That’s why I wanted to take a look at it..

Alright, since you don’t want to go the easy with the plugin, we will go the hard way by installing the retina.js manually. You will need to download it from the src folder here https://github.com/imulus/retinajs … also as you can see there are some useful tests you can run calibrating it. . Just add the retina.js file to the /js/ theme folder and now in your functions.php file, add the following code to line 200 (which is empty)

wp_register_script( 'jquery-retina', $template_url.'/js/retina.js', array('jquery'), 1, true );

and add this code to line 207 of the same file

wp_enqueue_script( 'jquery-retina' );

Alright now just resize the image exactly twice bigger but save it under the same name as original but with @2x at the end, so that if you had logo.png , you will now have (Email address hidden if logged out) and put it right next to where your logo is stored in same folder.

Now for your logo, you will need to change the above line you pasted to look like this

$logo = "<img src=".$logo." alt='' width='200' height='100'/>";

to look like this

<img src="http://full-url-to-image/logo.png" data-at2x="http: (Email address hidden if logged out) " />

And last but not least, here is the css you must use, just add it to /css/custom.css , Just please replace with name of your file, url to file and url to retina image and sizes.

.logo {

background-image: url('/images/my_image.png');

}



@media all and (-webkit-min-device-pixel-ratio: 1.5) {

.logo {

background-image: url(' (Email address hidden if logged out) ');

background-size: 200px 100px;

}

}

Thanks,

Nick

Hi,

Please add this css to your /css/custom.css file OR to Quick CSS located in Enfold > Layout Styling… the text area at the bottom of the page

.avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row {

height: 125px !important;

}

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

.avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row {

height: 175px !important;

}}

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

.avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row {

height: 375px !important;

}}

Your testimonials are causing the lower part of the page to jiggle and jump.. This stabilizes it.

—-

That table has got to go. Tables are for data like if you were to show how many people in each city of the world own this product, then you would use a table. Can’t use tables to prop up the page’s layout or the div design police will come.

Instead use an image gallery with small images option. Stick all 6 images in it, and add your text as a tooltip, be nice and animated and responsive as well.

View post on imgur.com

looks good on small phones and rearranges itself properly

http://www.clipular.com/c?8224023=DSxT87g0svAM0J2q6Wht60Q9MVc&f=.png

this is how I added the gallery with these settings

http://www.clipular.com/c?8229018=MbJFLRKUz3IiwDSwA9oAq-z4iWI&f=.png

and here is where you set the tool tips that pop out

http://www.clipular.com/c?8233017=nsSMeYJCS6s_QuxnjVZsM-XlgDY&f=.png

Here is the css you will need to add to make the gallery look good on iphone and ipad.

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

#top #wrap_all .avia-gallery-thumb a {

width: 25%;

}

}

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

#top #wrap_all .avia-gallery-thumb a {

width: 31% !important;

}}

Good luck,

Nick

Hi,

Please add this css to your /css/custom.css file OR to quick css located in Enfold > Layout Styling… the text area at the bottom of that page.

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

.responsive #top .slide-entry {

width: 100%;

margin-left: 0%;

}

.avia-content-slider .slide-entry-wrap {

margin-bottom: 0px;

}}

Thanks,

Nick

Hi,

Can you please point us on your site or the demo site to the specific page urls which contain an example of both fast and slow transition please.

Thanks,

Nick

Hi,

What solution? Those lines of code you pasted are lines 425-429 of functions-set-avia-frontend.php

I am guessing you are following this post? https://kriesi.at/support/topic/retina-logo-on-homepage#post-115183 , Do you have a url where you placed this code because you should have uploaded the logo at size 400x200px if you are now displaying at 200x100px, which sounds too even numbered so something isn’t right. Please show the code so we can look at the sizes and get to bottom of this.

Thanks,

Nick

I don’t know of any specific reason why it wouldn’t but hopefully that gets you close enough. In the end you may want to look into digging into the woocommerce hooks/filters which is the proper way to do something like this.

Neither of us just happen to know the proper syntax off hand unfortunately .

Regards,

Devin

Hi,

Logo can go bigger.but try to keep it to those proportions. 2×1

For retina, I prefer to use this plugin http://wordpress.org/plugins/wp-retina-2x/ Since its well supported and has tons of updates all the time. Its much easier to do it that way.

Thanks,

Nick

Hi,

2). Your developer is correct. https://kriesi.at/support/topic/i-have-some-issues-with-translation-issues-and-with-the-contact-form#post-114535 This post has instructions on what to do.

3) Its possible but its also experimental. You can turn on the advanced layout builder for posts. That will allow you to add a featured image which will be seen on the main blog page (or wherever you add the blog element to a page) , but on the individual blog posts the feature image will not show, and you will be able to either add it as an image element, or add a slider or have no image, since you will be able to use all the elements available , same as on pages.

To add the layout elements to posts open config-templatebuilder/avia-template-builder/config/meta.php and change line 5 to look like

array( 'title' =>__('Avia Layout Builder','avia_framework' ), 'id'=>'avia_builder', 'page'=>array('portfolio','page,'post''), 'context'=>'normal', 'priority'=>'high', 'expandable'=>true ),

You will also need to replace template-builder.php in the main folder with https://gist.github.com/meishern/bfbf909055e7b967dd5b this file. Without it, posts with layout elements will not have meta data or comments. This form will also add comments functionality to portfolio items.

Thanks,

Nick

Hi George,

After opening that slideshow go to the Global Settings tab and then scroll down to Slideshow. The first option needs to be set to be on (the green should show). It has the description “If enabled, slideshow will automatically start after loading the page.”.

Regards,

Devin

That is definitely outdated SEO practices but you can remove or modify the wrap on widgets in:

enfoldframeworkphpclass-sidebar-generator.php:

Line 164 and line 165. Any change in styling will need to be re-done though I don’t know if anything is directly tied to H3 or not.

In addition to that location there are a number of others in the following files with the same structure:

enfoldconfig-bbpressconfig.php

enfoldincludesadminregister-widget-area.php

enfoldincludeserror404.php

enfoldincludesloop-search.php

Regards,

Devin

Hi AndyGadge,

For #1, that page was created using the Advanced Layout Editor and the blog elements inside layout elements. So there is no need to modify any code to get that layout (or *any* layout done in the demo as its all created using the theme options).

2) Yes, there are some issues with cyrillic support but I don’t have experience with them off hand. I’ve tagged the topic for another of the support crew who does and should be able to offer some additional help.

3) No, not at the moment as far as I know.

Regards,

Devin

You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn’t grab it :)