Spoke to soon sorry.

The CSS messes up the thumbnails in the ajax gallery. It does sort the loading problem out.

Can the CSS not apply to the ajax gallery?

I have also noticed that the project order on the full pages (not ajax) are not correct. The next and previous don’t show the correct projects. I am using the re-order plugin?

Woo Hoo I think you have sorted it. I don’t get the problem now and it does not effect anything else in the website.

Thanks so much its very important that the galleries work 100%

I tried that and I still cant get it to work. It will apply any changes I put in the layer’s style box (except the background color) but doesn’t seem to be taking any changes I put in either quick CSS or custom.css.

Sorry for another question on this. But once I create the attribute for the layer, how do I properly reference the attribute in the custom.css or quick CSS?

I know what the actual CSS code should be, but Im just a little fuzzy on the syntax to reference the layer properly.

Thanks for the help!

I created a file called “table.php” in the child theme folder. This is the content of the “table.php” file:

<?php

/**

* Sidebar

* Displays one of the registered Widget Areas of the theme

*/

class avia_sc_table extends aviaShortcodeTemplate

{

static $table_count = 0;

/**

* Create the config array for the shortcode button

*/

function shortcode_insert_button()

{

$this->config = __('Table', 'avia_framework' );

$this->config = __('Content Elements', 'avia_framework' );

$this->config = AviaBuilder::$path."sc-table.png";

$this->config = 40;

$this->config = 'avia-target-insert';

$this->config = 'av_table';

$this->config = array('modal_class' => 'bigscreen', 'before_save' => 'before_table_save');

$this->config = array('av_row', 'av_cell','av_button');

$this->config = __('Creates a data or pricing table', 'avia_framework' );

}

function extra_assets()

{

if(is_admin())

{

$ver = AviaBuilder::VERSION;

wp_enqueue_script('avia_table_js' , AviaBuilder::$path.'js/avia-table.js' , array('avia_modal_js'), $ver, TRUE );

//wp_enqueue_style( 'avia-table-style' , $this->$builder->assetsURL.'css/avia-table.css');

}

}

/**

* Popup Elements

*

* If this function is defined in a child class the element automatically gets an edit button, that, when pressed

* opens a modal window that allows to edit the element properties

*

* @return void

*/

function popup_elements()

{

$this->elements = array(

array(

"name" => __("Table Builder", 'avia_framework' ),

"desc" => __("Start by adding columns and rows, then add content and styling to each.", 'avia_framework' ),

"id" => "table",

'container_class' =>"avia-element-fullwidth",

"type" => "table",

"row_style" => array( __('Default Row', 'avia_framework' ) => '',

__('Heading Row', 'avia_framework' ) => 'avia-heading-row',

__('Pricing Row', 'avia_framework' ) => 'avia-pricing-row',

__('Button Row', 'avia_framework' ) => 'avia-button-row'

),

"column_style" => array(__('Default Column', 'avia_framework' ) => '',

__('Highlight Column', 'avia_framework' ) => 'avia-highlight-col',

__('Description Column', 'avia_framework' ) => 'avia-desc-col',

__('Center Text Column', 'avia_framework' ) => 'avia-center-col'

)

),

array(

"name" => __("Table Purpose", 'avia_framework' ),

"desc" => __("Choose if the table should be used to display tabular data or to display pricing options. (Difference: Pricing tables are flashier and try to stand out)", 'avia_framework' ),

"id" => "purpose",

"type" => "select",

"std" => "pricing",

"subtype" => array(

__('Use the table as a Pricing Table', 'avia_framework' ) =>'pricing',

__('Use the table to display tabular data', 'avia_framework' ) =>'tabular')),

array(

"name" => __("Table Caption", 'avia_framework' ),

"desc" => __("Add a short caption to the table so visitors know what the data is about", 'avia_framework' ),

"id" => "caption",

"type" => "input",

"std" => "",

"required" => array("purpose","equals","tabular")

)

);

}

/**

* Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas

* Most common usage is to define some markup in the $params which is then inserted into the drag and drop container

* Less often used: $params to add data attributes, $params to modify the className

*

*

* @param array $params this array holds the default values for $content and $args.

* @return $params the return array usually holds an innerHtml key that holds item specific markup.

*/

function editor_element($params)

{

$params = "config."' title='".$this->config."' />";

$params.= "<div class='avia-element-label'>".$this->config."</div>";

return $params;

}

/**

* Editor Sub Element - this function defines the visual appearance of an element that is displayed within a modal window and on click opens its own modal window

* Works in the same way as Editor Element

* @param array $params this array holds the default values for $content and $args.

* @return $params the return array usually holds an innerHtml key that holds item specific markup.

*/

function editor_sub_element($params)

{

$template = $this->update_template("label", __("Element", 'avia_framework' ). ": {{label}}");

$params = NULL;

$params = "";

$params .= "<div class='avia_image_container' {$template}>".__("Element", 'avia_framework' ).": ".$params."</div>";

$params = array('modal_class'=>'mediumscreen');

return $params;

}

/**

* Frontend Shortcode Handler

*

* @param array $atts array of attributes

* @param string $content text within enclosing form of shortcode element

* @param string $shortcodename the shortcode found, when == callback name

* @return string $output returns the modified html string

*/

function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "")

{

$atts = shortcode_atts(array('purpose' => 'pricing', 'caption' => ''), $atts);

$depth = 2;

$table_rows = ShortcodeHelper::shortcode2array($content, $depth);

$output = "";

if(empty($table_rows)) return;

self::$table_count ++;

switch($atts)

{

case "pricing": $output .= $this->pricing_table($table_rows, $atts, $meta); break;

default: $output .= $this->data_table($table_rows, $atts, $meta); break;

}

return $output;

}

//resort the array so that its easier to do a liststlye output when using pricing tables

function list_sort_array($table_rows)

{

$new = array();

foreach($table_rows as $rk => $row)

{

foreach($row as $ck => $cell)

{

$new[$ck] = $cell;

$new[$ck][] = $row;

$new[$ck][] = $cell;

}

}

return $new;

}

/*

pricing table uses unordered lists to display the table structure

*/

function pricing_table($table_rows, $atts, $meta)

{

$sorted_rows = $this->list_sort_array($table_rows);

$output = "";

$output .= "<div class='avia-table main_color avia-pricing-table-container avia-table-".self::$table_count." ".$meta."'>";

$fallback_values = array();

$empty_cells = false;

foreach($sorted_rows as $ul_k => $ul)

{

$output .= "<div class='pricing-table-wrap'>";

$output .= "<ul class='pricing-table ".$ul."'>";

foreach($ul as $key => $li)

{

$content = trim(do_shortcode($li));

if(empty($content))

{

$ul[$key] .= " empty-table-cell";

$content = "{{content-{$key}}}";

$empty_cells = true;

}

else if(empty($fallback_values[$key]))

{

$fallback_values[$key] = $content;

}

if(strpos($ul[$key],'avia-pricing-row') !== false)

{

$content = preg_replace('!($|€|¥|£|¢|¤|%|‰|¢|¤|£|¥|€)!','<span class="currency-symbol">$1</span>', $content);

}

if(strpos($ul[$key],'avia-pricing-row') !== false)

{

$content = preg_replace('!(one-time fee)!','<div class="onetimefee">$1</div>', $content);

}

$output .= "<li class='".$ul[$key]."'>";

$output .= $key == 0 ? "<div class='first-table-item'>{$content}</div>" : $content;

$output .= $key == 0 ? "<span class='pricing-extra'></span>" :"";

$output .= "";

}

$output .= "";

$output .= "</div>";

}

if($empty_cells)

{

foreach($fallback_values as $key => $value)

{

$output = str_replace("{{content-{$key}}}", "<span class='fallback-table-val'>".$value."</span>", $output);

}

}

$output .= "</div>";

return $output;

}

/*

data table uses the real table html tag to display its structure

*/

function data_table($table_rows, $atts, $meta)

{

$responsive_style = "";

$output = "<table class='avia-table avia-data-table avia-table-".self::$table_count." ".$meta."'>";

$output .= $atts ? "<caption>".$atts."</caption>" : "";

$output .= "<tbody>";

$counter = 0;

foreach($table_rows as $rk => $row)

{

if(empty($row)) $row = array();

$row_attributes = array_merge(array('row_style' => ""), $row);

$output .= "<tr class='".$row_attributes."'>";

foreach($row as $key => $cell)

{

if(empty($cell)) $cell = array();

$cell_attributes = array_merge(array('col_style' => ""), $cell);

$tag = $row_attributes == 'avia-heading-row' ? "th" : "td";

$tag = $cell_attributes == 'avia-desc-col' ? "th" : $tag;

if($rk == 0 && $tag == "th")

{

$responsive_style .= ".avia-table-".self::$table_count." td:nth-of-type({$counter}):before { content: '".$row[$counter]."'; } ";

$counter ++;

}

$output .= "<{$tag} class='".$cell_attributes."'>";

$output .= do_shortcode($cell);

$output .= "</{$tag}>";

}

$output .= "</tr>";

}

$output .= "</tbody>";

$output .= "</table>";

$output .= "<style type='text/css'>{$responsive_style}</style>";

return $output;

}

}

And then, in the “functions.php” of my child theme I included the file “table.php”. This is the content of the “functions.php” file:

<?php

include("table.php");

?>

But it still doesn’t work. Now when I go to the website it gives me an error…