Hi,

So your question is how do you enable that? That is an effect that I think is automatic with the theme. So if you add an image element to a page and link it somewhere, the image, that effect will be attached to that image on its own. Images in advanced layout elements such as portfolios, gallerys, sliders, thumbnails… they all have this functionality attached automatically. It is CSS manipulated by jquery basically. looks like this

<a href="http://kriesi.at/" data-rel="grid-1" class="grid-image" style="height: auto; opacity: 1; position: relative; overflow: hidden;">



<img width="495" height="400" src="http://kriesi.at/dash_glass2-495x400.jpg" class="attachment-portfolio wp-post-image">



<span class="image-overlay overlay-type-extern" style="opacity: 0.7; left: 0px; top: 0px; display: block; height: 276px; width: 342px;">



<span class="image-overlay-inside"></span>



</span>



</a>

Was there something specific you wanted to use it for that you couldn’t?

Thanks,

Nick

Hi,

Do you remember which post said that?

Please add this css to your /css/custom.css file

.fixed_header #main {

padding-top: 42px;

}

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,

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

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,

Put

<a name="gazebo"></a>

a bit above , in front of

<a href="#pavilion">Kidston Pavilion</a>

This way the top part will be accounted for. And in mobile browsers the small difference will still make it visible. And do similar for the other anchors, just place them a bit earlier , Since i dont think there is another way to ofset the destination of an anchor.

Thanks,

nick

Hi dekkert,

No not at the moment but I’ll add the idea to the feature request topic.

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

Hi unitedwc,

I’ll tag the topic for Kriesi to take a look at as its ultimately up to him to add in support for other third party plugins.

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 :)

Hi Andy,

I’m not sure why the topic was closed early but for step 2, you just put that immediately after the get_author line in step one.

The issue however is that we really can’t give step by step walk through directions for stuff like that and offer support on those new customizations. We’ll sometimes go as far as Ismael did and give a rough basic walk-through but it depends on current queue length and if we happen to have a good idea on how to accomplish it off hand.

Otherwise we would be supporting an infinite amount of customizations beyond the basic theme.

So if the directions above don’t really make sense for you I would recommend looking into a freelance developer or digging in deeper to basic php structure and its output. I’m not even really sure if the above will get you 100% of the way there but it is a good start in just replacing the gravatar variable with the data variable.

Regards,

Devin

Hi,

http://wordpress.org/plugins/bwp-minify/ is usually what adds the question marks to static resources. There is an option in the panel for that plugin to stop doing that. If you are using jetpack, it is notorious for adding and removing lots of things. It is not done by the theme or wordpress, so one of your plugins is doing it.

There is also an option in the above plugin as to whether you want to enqueue the javascript at the start or at the end. The only things that really should be in the front is the main jquery.js and avia.js . The rest of javascript all can go in the back.

Thanks,

Nick