Hi,

How did you make this? Because this is showing up as a portfolio ( http://hollenberg.tv/blog/ ) not as a blog. Can you explain.

Also what page is set as a blog in Enfold > Theme Options ?

On Settings > Reading …. the ”Your latest posts” is set as the top option, correct?

—-

Please open up functions.php located in the base folder of the theme and find line 79 that looks like this

$avia_config['imgSize']['portfolio']  = array('width'=>495, 'height'=>400 )

and change it to look like this

$avia_config['imgSize']['portfolio']  = array('width'=>248, 'height'=>186, 'crop'=>true );

As I said something is wrong with the way you are doing this because that page may say its a blog, but it is not, that’s why we are changing the size here for the portfolio. Just remember that changing this doesn’t automatically change the images. For that you will need to install the Simple Image Sizes plugin ( http://wordpress.org/extend/plugins/simple-image-sizes/ ) and regenerate the current images (or re-upload them). To test , you can just delete one of the big images that you wanted cropped and reupload it again.

=================

Please look at this video https://vimeo.com/channels/aviathemes/64996057 , as to how to add Advanced Layout Editor to Posts. Once you have it there, you can chose whether to display an image or not on your individual posts.

Thanks,

Nick

Hi,

1) Upload the image of the horizontal line using Media and get the url of the image / see-> http://i.imgur.com/UxeA6Vf.png

2) Add the CSS below to Quick CSS located in Enfold > Styling at the bottom of the page. Remove the http://domain.com/path/image-you-uploaded.png from the css below and in its place add the url of where you uploaded the image from step 1 above

#top #big-hrline {

background: url(https://domain.com/path/image-you-uploaded.png) no-repeat bottom;

margin: 0 0 30px;

overflow: hidden;

padding: 0 0 20px;

width: 100%;

}

3) Open /config-templatebulder/avia-shortcodes/hr.php and find line 117 which looks like this

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

Delete line 117 and everything below until the end of the file and in its place paste the code

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

{

extract(shortcode_atts(array('class' => 'default', 'height' => '50', 'position'=>'center', 'shadow'=>'no-shadow'), $atts));

$hrtype = 0;

$output  = "";

$height  = trim($height, 'px% ');

$style   = $class == 'invisible' ? "style='height:{$height}px'" : "";

$class  .= $class == 'short' ? " hr-{$position}" : "";

$class  .= $class == 'full'  ? $hrtype=1 : "";



if ($hrtype==1){

$output = "<div id='big-hrline'></div>";

}else{

$output .= "<div {$style} class='hr hr-{$class} ".$meta['el_class']."'><span class='hr-inner'><span class='hr-inner-style'></span></span></div>";

}



return $output;

}



}

}

I tested it and it works.

To use it just select the horizontal ruler full width separator http://www.clipular.com/c?5870161=RjLTobeBs0GTGlXzgTHEJxitw_Q&f=.png

Thanks,

Nick

Hi,

1) You can get the advanced layout editor to work with Posts or with any Custom Post Types.. I made a video about how to do it https://vimeo.com/64996057

2) I didn’t look at your video but I think you are trying to fly before you learned how to crawl. You are new to wordpress and are trying to do some complex things.

3) You need to get the following plugins:

WP-Types .. this will allow you to create the custom post types and taxonomies and the various fields. (free)

WP-Types – The second half of the types plugin that lets you create the queries without needing to know php or wordpress.

The one problem is that you can’t just duplicate portfolios so that you will have a different slug so you cant have a sortable portfolio with a slug website.com/games/name-of-game/ and website.com/movies/name-of-movie/ . But besides the sortable portfolio , all else can be easily done. So if you don’t mind that all your products have the same slug (equivalent of portfolio-item) if you think hard maybe can come up with one called ”asset” maybe then you be ok. I talked to Kriesi about this before, having multiple dynamic custom post types, but there seems to be some limitation in the WordPress Framework itself preventing it.

Thanks,

Nick

Hi Bethany,

A page template in wordpress is what would be selected from the templates dropdown when creating a page. So adding the template label inside your cases.php would give you that file showing in that dropdown.

If you have not already, this is a good overview of templates http://codex.wordpress.org/Stepping_Into_Templates and http://codex.wordpress.org/Page_Templates

Generally, I’m not sure you’ll be able to do what you are looking for just because a custom post type isn’t a post but actually a page (a weird wordpress naming scheme). Blog posts specifically are the only thing in worpdress that gets treated like actual blog posts with the ability to use archives by date and things like that.

If its just the style of the page however, you may find this tutorial by Nick helpful: https://vimeo.com/channels/aviathemes/64996057

Regards,

Devin

Hi,

Congratulations, you have found a genuine bug that I was able to reproduce. Well not so much a bug, since if you would have added the image via the slider it would have used that image, but there was no fallback to featured image unlike the other widgets.

So please open up /framework/php/class-framework-widgets.php and find lines 944-947 that look like:

if( $slides != "" && !empty( $slides[0]['slideshow_image'] ) )

{

$image = avia_image_by_id($slides[0]['slideshow_image'], 'widget', 'image');

}

and replace the block of code above with the code below

if( $slides != "" && !empty( $slides[0]['slideshow_image'] ) )

{

$image = avia_image_by_id($slides[0]['slideshow_image'], 'widget', 'image');

}

if(!$image && current_theme_supports( 'post-thumbnails' ))

{

$image = get_the_post_thumbnail( get_the_ID(), 'widget' );

}

Please let us know how it worked out.

Thanks,

Nick

Hi,

Please open up /config-templatebuilder/avia-shortcodes/gallery.php and find line 178 than looks like

$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}'><img {$tooltip} src='".$img[0]."' title='' alt='' /></a>";

and change it to look like

$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}'><img {$tooltip} src='".$img[0]."' title='' alt='' /><span class='captions-gallery'>".$caption."</span></a>";

The prettyPhoto is a bit tougher, please hang on and let me know first how that worked out as I work on prettyPhoto.

Thanks,

Nick

Hi Ariel,

There is no icon with the icon font used so if you want to add it in you can add a new option for it in includes>admin>register-admin-options.php after the vimeo option on line 779:

'Vimeo' 	=> 'vimeo',

'Youtube'	=> 'youtube',

You would then need to style the youtube class with your own icon as the background image and give it a defined width/height. Kriesi said that if/when an icon becomes available it will be added in.

Regards,

Devin

Edit: May be able to be added in shortly, will fully update when I know one way or another.

Hi,

The answer is Yes and Yes.

First thing you should do is add the dynamic layout functionality to posts which is done by opening up /config-templatebuilder/avia-template-builder/config/meta.php: and finding lines 4-7 which look like

$boxes = array(

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

array( 'title' =>__('Layout','avia_builder'), 'id'=>'layout', 'page'=>array('portfolio', 'page' , 'post'), 'context'=>'side', 'priority'=>'low'),

);

and replacing those line with the block below

$boxes = array(

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

array( 'title' =>__('Layout','avia_builder'), 'id'=>'layout', 'page'=>array('portfolio', 'page' , 'post'), 'context'=>'side', 'priority'=>'low'),

);

=================

Now just add the elements as you see here: http://i.imgur.com/CvFeJUK.png

And you get this:. http://i.imgur.com/yIxN1ou.png

You can see there are 2 titles, so You may not need to add the very first element after 1/1

================

To change the default image size of any location within the theme, it is best to install Simple Image Sizes plugin http://wordpress.org/extend/plugins/simple-image-sizes/

The plugin will add all the default sizes to Settings > Media , and you can change width height as well as to force a crop or not. Just remember that after changing the settings using the plugin, only the new images you add will be affected while the ones you uploaded will remain the same unless you regenerate them on the same page using the same plugin.

Thanks,

Nick

Hi,

I changed a good portion of the code. It’s not as neat and high level like Kriesi’s because unfortunately I don’t have his skills. However it works with directions as well as single points, with multiple maps on a single page of both driving directions and only one location map point.

View post on imgur.com

I am certain when the next update comes Kriesi will do his magic. But for now:

Please open up /framework/php/class-framework-widgets.php and find line 1171 which looks like:

$directionsForm = "";

And delete line 1171 and everything below it.

In its place, please add the code below

if(empty($avia_config['g_maps_widget_active']))

{

$output .= "<script type='text/javascript' src='$prefix://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false'></script>";

$avia_config['g_maps_widget_active'] = 0;

}



$avia_config['g_maps_widget_active'] ++;



$output .= "<script type='text/javascript'>

function makeMap_".$avia_config['g_maps_widget_active']."() {

var directionsDisplay;

directionsDisplay = new google.maps.DirectionsRenderer;

var directionsService = new google.maps.DirectionsService;

var map;

var latlng = new google.maps.LatLng(".$lat.", ".$lng.");

var directionsto = '".$directionsto."';

var myOptions = {

zoom:".$zoom.",

mapTypeControl:true,

mapTypeId:google.maps.MapTypeId.".$type.",

mapTypeControlOptions:{style:google.maps.MapTypeControlStyle.DROPDOWN_MENU},

navigationControl:true,

navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL},

center:latlng

};

map = new google.maps.Map(document.getElementById('avia_google_maps_$unique'), myOptions);

if(directionsto.length > 5) {

directionsDisplay.setMap(map);

var request = {

origin:directionsto,

destination:latlng,

travelMode:google.maps.DirectionsTravelMode.DRIVING

};

directionsService.route(request, function(response, status) {

if(status == google.maps.DirectionsStatus.OK) {

directionsDisplay.setDirections(response)

}

})

}

else {

var contentString = '".$content."';

var infowindow = new google.maps.InfoWindow({

content: contentString

});

var marker = new google.maps.Marker({

position: latlng,

map: map,

title: ''

});

}

}

jQuery(document).ready(function() {

makeMap_".$avia_config['g_maps_widget_active']."()

});

</script>

<div id='avia_google_maps_$unique' class='avia_google_maps_container'></div>

";



return $output;

}

Thanks,

Nick