Looks fine from the front end, if you can create a temporary admin login for me I’ll log in and take a look.

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

Regards,

Devin

Hi,

Try this instead

.avia_textblock {

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

border-radius: 20px;

border: 2px solid #6640FF;

background: rgba(255, 255, 255, 0);

-webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);

-moz-box-shadow:    0px 0px 15px rgba(50, 50, 50, 0.75);

box-shadow:         0px 0px 15px rgba(50, 50, 50, 0.75);

padding-left: 10px;

padding-top: 10px;

padding-right: 10px;

padding-bottom: 10px;

}

Thanks,

NIck

Hi tiperry,

Try using this css instead of the above just to keep things a bit more fluid:

.tribe-events-month-nav {

display: block;

width: 100%;

}



#top #tribe-events-events-month {

float: left;

margin-right: 5%;

}

#tribe-events-events-year {

float: left;

}

.tribe-events-prev-month {

float: left;

margin-right: 2%;

}

.tribe-events-next-month {

float: left;

margin-left: 2%;

}

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