Hello Elliot,

Thank you for this code! Unfortunately, this doesn’t cover the full extent of the problem seen on my site. Simply making the text smaller won’t prevent issues from arising. I am using both the text fields as well as the special heading, so pages have some small header titles and some large. I am trouble shooting using multiple devices and browsers. How can I make sure this responds for both?

– The testimonials slider smashes the text together making it almost unreadable. The testimonial text itself is also not aligned properly with the rest of the testimonial meta data below. How can I fix this so that
1) The text is smaller and the area where the text can be shown is wider,
2) Make the text align center properly with the testimonial meta data
3) Make the testimonial image center above the meta data instead of floating left.
4) It appears that the meta data is also missing from the slider testimonials, but only on mobile. I’d like to show the same meta data as it appears on desktop on mobile. I don’t know why this is missing?

Example 1) http://schneidercentre.com/wp-content/uploads/2014/12/IMG_9181.png
Example 2) http://schneidercentre.com/wp-content/uploads/2014/12/IMG_9182.png

-Lastly, some of the short codes have animations, such as the easy slider for images, that cause a lot of crashing on mobile. I can’t solely relate this to the theme or the short codes themselves as mobile browsers aren’t perfect, but the experience on desktop vs mobile isn’t ideally responsive.
1) How can I prevent the animation on image sliders? It’s really laggy and inconsistent on most mobile devices, commonly causing mobile browsers to crash. Is there a way to turn off the animation for next/previous on easy slider for mobile only? It looks great on desktop but not so effective on mobile.

-I have ran into some other issues with mobile alignment and font sizes on mobile devices. It seems that many of the short codes aren’t really “responsive” without having to customize the CSS in a away. Is there something wrong with my theme install or my CSS sheet that came with the theme that may be causing a lot of CSS issues from desktop to mobile? I enjoy designing wordpress on the desktop and don’t usually have too many layout or CSS related issues on other themes like the ones noted above. Just looking to confirm that the CSS I’m asking to fix these out of the box issues is actually meant to be this way for elements that come with this theme, for example, the mashed testimonials texts. I don’t understand how that is so distorted if it is supposed to be “responsive” when the short code used in the page builder.

Thank you for all your help!

Hi
Well Ive kind of figured it out.
I installed plug in “Get Custom Field Value”, and then in file includes/loop-index.php I added:
/* DJR++ */
echo c2c_get_custom(‘location’, ‘Location: ‘).”<br/>”;
echo c2c_get_custom(‘contact_number’, ‘Contact Number: ‘).”<br/>”;
echo c2c_get_custom(‘cost’, ‘Cost: $’).”<br/>”;
/* DJR– */

This shows me these extra fields in my blog_post control.
However, I prefer the layout of the “magazine” control.
Where do i find the php file that controls this so i can add the code in there?
I think it should be /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/magazine.php
but when i rename/remove this file the magazine control still shows my posts!!!
Thanks
Darren

Hi
So after using Advanced Custom Fields and linking to these in Gravity Forms, the user can submit all the post fields on the front end form which creates a new Form entry and a new POST.
I want to read all the details from the POST and show on screen.
This MUST be possible otherwise there would be no point in Gravity Forms allowing you to fill these custom fields if you cant read the details from them.
Can somebody please tell me how to show all the fields from the post on a page one after the other like in blog_posts control.
Thanks
Darren

• This reply was modified 11 years, 1 month ago by darrenrhymer.

Hi Elliott.

the page is http://www.cxgroup.co/?page_id=1195 …on the bottom you see grey icons. I wanted to remove the grey background but still keep the circle shape (white). So replace the grey with transparent really.

I tried enabling custom classes, I can see the fields appearing. I entered your code as well under the custom class name, but don’t see changes… thx

Hi Eliott, I tried that but when I try to load a custom post, I get an error:
Parse error: syntax error, unexpected ‘}’ in /home/content/34/11243234/html/wp-content/themes/enfold-child/functions.php on line 68

Here’s the code I pasted in (‘spicypresentations’ is the slug of my custom post) and line 68 is the last line:
add_filter(‘avf_logo’,’new_logo_url’);
function new_logo_url($use_image){
if(is_singular(‘spicypresentations’)) {
$use_image = “http://nutsandboltsspeedtraining.com/wp-content/uploads/2014/11/sp-logo-rough.png&#8221;;
}
return $use_image;
}

If it helps, here’s my site: http://www.nutsandboltsspeedtraining.com

In case it helps, here are the other things I’ve put in the functions.php or my child theme:
<?php

@ini_set(‘display_errors’, 0);

add_action(‘woocommerce_thankyou’, ‘affiliate_tracking’);

function affiliate_tracking( $order_id )
{
global $wpdb;

$order = new WC_Order( $order_id );
$order_total = $order->get_order_total();
$shipping = $order->order_shipping;
$total = $order_total – $shipping;
$coupon = $wpdb->get_var($wpdb->prepare(“SELECT order_item_name FROM wp_woocommerce_order_items where order_id = ‘$order_id’ and order_item_type = ‘coupon'”));

echo ““;
}

// Hook in
add_filter( ‘woocommerce_checkout_fields’ , ‘custom_override_checkout_fields’ );

// Our hooked in function – $fields is passed via the filter!
function custom_override_checkout_fields( $fields )
{
$fields[‘billing’][‘billing_email’][‘label’] = ‘Email (will also be used as your username)’;
$fields[‘account’][‘billing_email’] = $fields[‘billing’][‘billing_email’];
$fields[‘account’] = array_reverse($fields[‘account’]);
unset($fields[‘billing’][‘billing_email’]);
unset($fields[‘order’][‘order_comments’]);
$fields[‘billing’][‘billing_company’][‘required’] = false;
$fields[‘billing’][‘billing_phone’][‘required’] = false;
return $fields;
}

add_filter (‘add_to_cart_redirect’, ‘woo_redirect_to_checkout’);

function woo_redirect_to_checkout() {
global $woocommerce;
$checkout_url = $woocommerce->cart->get_checkout_url();
return $checkout_url;
}

add_filter(‘avf_blog_style’,’avia_change_archive_blog_layout’, 10, 2);
function avia_change_archive_blog_layout($layout, $context){
if($context == ‘archive’) $layout = ‘single-big’;
return $layout;
}

add_filter( ‘post-format-standard’, ‘avia_category_content_filter’, 15, 1);
function avia_category_content_filter($current_post)
{
if(!is_single())
{
$current_post[‘content’] = get_the_excerpt();
$current_post[‘content’] .= ‘<div class=”read-more-link”>‘.__(‘Read more’,’avia_framework’).'<span class=”more-link-arrow”> →</span></div>’;
}
return $current_post;
}

add_filter(‘avf_logo’,’new_logo_url’);
function new_logo_url($use_image){
if(is_singular(‘spicypresentations’)) {
$use_image = “http://nutsandboltsspeedtraining.com/wp-content/uploads/2014/11/sp-logo-rough.png&#8221;;
}
return $use_image;
}

Thanks,
Camille

Sorry but I do not read everything considering I had to copy the same path as in the original folders of the theme.

By cons, if we simply returns the fact to sort items in portfolio price range with custom fields, it does not work.

It’s mostly what I need at the base.

I also removed the “Add new or replace Advanced Layout Builder Elements from Child Theme” to be sure it does not create conflict.

So here’s what’s in my functions.php file in the child theme:

<?php

/*
* Add your own functions here. You can also copy some of the theme functions into this file. 
* WordPress will use those functions instead of the original functions then.
*/

/*
 * add option to edit elements via css class
 */
// add_theme_support('avia_template_builder_custom_css');

// enable custom fields for Portfolio items
add_filter('avf_portfolio_cpt_args', 'avf_portfolio_add_custom_fields', 1);
function avf_portfolio_add_custom_fields($args) {
$args['supports'] = array('title','thumbnail','excerpt','editor','comments', 'custom-fields');
return $args;
}

// alter the portfolio grid order
function custom_post_grid_query( $query, $params ) {
    $query['orderby'] = 'meta_value';
    $query['order'] = 'DESC';
    $query['meta_query'] = array(array('key' => 'custom_price'));
    return $query;
}
add_filter( 'avia_post_grid_query', 'custom_post_grid_query', 10, 2);

Thank you.

PS – The extension “WPML” can there be a conflict?

Hello Josue,

I know a few basics in programming, but I’m not a programmer.

That said, I am not able to display the prices in the portfolio boxes.

I tried to replace “custom_markup” with “custom_price” that I use in my custom fields, but in vain.

And what does ($ output. = “CUSTOM META HERE CODE”)?
What should I replace it with “custom meta code here”?

Note that I use a child theme and I added the command lines as mentioned in your answer.
I also replaced the lines requested in portfolio.php file I copied to my child theme.

Here’s the code displayed in my functions file:

<?php

/*
* Add your own functions here. You can also copy some of the theme functions into this file. 
* WordPress will use those functions instead of the original functions then.
*/

/*
 * add option to edit elements via css class
 */
// add_theme_support('avia_template_builder_custom_css');

// enable custom fields for Portfolio items
add_filter('avf_portfolio_cpt_args', 'avf_portfolio_add_custom_fields', 1);
function avf_portfolio_add_custom_fields($args) {
$args['supports'] = array('title','thumbnail','excerpt','editor','comments', 'custom-fields');
return $args;
}

// alter the portfolio grid order
function custom_post_grid_query( $query, $params ) {
    $query['orderby'] = 'meta_value';
    $query['order'] = 'DESC';
    $query['meta_query'] = array(array('key' => 'custom_price'));
    return $query;
}
add_filter( 'avia_post_grid_query', 'custom_post_grid_query', 10, 2);

// Add new or replace Advanced Layout Builder elements from Child Theme
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths)
{
	$template_url = get_stylesheet_directory();
    	array_unshift($paths, $template_url.'/shortcodes/');

	return $paths;
}

Again thank you for your help. :)