Hello Ismael,
I found how to change the image size using ‘avf_post_featured_image_link’.

Thanks for everything
Günter

The Problem is solved!

I used the filter hook ‘post_thumbnail_size’ to “persuade” WordPress not to use cropped image sizes in the archive of the “Organisation” post type.

But how do I set this correctly? These are just logos, and now they’re cropped again in an ugly way. Can you please help me to, how to to achieve this.

Sorry for wasting your time with a problem of my own making!
Günter

Hi Ismael,
sorry, I forgot to unlock the file editor in admin, now you can see for yourself what modifications I made in the child.

All file sizes for all images are present in the upload folder. I’m afraid simply replacing the current images with newly generated ones won’t help Enfold find the correct format. Normally, thumbnail image tags have the classes “attachment-widget size-widget.” In my case, it’s just “attachment- size-“.

I don’t know where Enfold gets the string “widget” from. I think I destroyed this necessary value somehow. Perhaps the value of this required meta or option entry can be restored using some filter like ‘admin_post_thumbnail_size’ or directly in the database. Or am I wrong?

Best regards
Günter

This worked great on the logo. The transparent header though is problematic because for some reason the image gets pushed below it. Is there a way to keep it over the top part of the image like the desktop view or remove it altogether for mobile only?

Hello,

We’ve spoken with the creator of the filtering plugin, and he asked us to add this CSS code to view the images:
.js_active .grid-image {
opacity: 1 !important;
}

The images are now visible, but they’ve changed from square to rectangular. If you refresh the page, they appear square again.

What could be the problem with the filtering not displaying square images? Lazi loading?

I’m sending you this comment from the creator of the filter:

Well, it is a quick workaround, not ideal, as we do not know what exactly this JS code is doing. So you might want to contact the theme support and ask them which function you can use in this code wrapper>

jQuery(document).on(‘ready’, function(e){
/* Plugin function to re-init, e.g. jQuery(“[data-fancybox]”).fancybox(); */
});
So after AJAX filtering, this JS code will reinitialize and apply all of the required changes to the images. Usually, the theme support should provide such information without any issues. It could be lazy loading for images or something like animations. But most likely, just looking at the page, they’d know what it is.

Thanks.

Hello Ismael,

Yes i add images, and yes i did have alt and title attributes..
Like i said earlier.. it happen when i use enfold theme only..
if i use default theme the problem not exist..
edit:
i forgot to mention also.. the problem not exist in older enfold version

Best regards,
Jimmysanjaya

• This reply was modified 5 months, 2 weeks ago by jimmysanjaya.

I believe I understand those instructions. However, I still have questions on how to edit the template in question.

I believe the correct template is taxonomy-portfolio_entries.php. I made a few adjustments to it…but I’d like to further customize the template.

1. I would like to remove “Archive: ” from the title (It’s NOT an “archive”. It’s a category. If I could append it somehow…like with a data attribute?
2. I would like to have some control over the layout, can this template use a page with a custom layout (like the way the Blog page can be set to a custom page)?
3. When this grid first loads, on hover, the image-overlay appears as a thin strip at the top. I could not determine how to eliminate this with css.

With regard to the Sidebar, thank you for providing more clarity there!
I went to Enfold > Sidebar Settings > Sidebar On Archive Pages and chose Right Sidebar. That works.

I also set Separate Sidebars For Blog And Archive Pages to Show separate Archive Sidebar on Archive Pages. That works. It exposes the Sidebar Archives widget area.

Then, I added the navigation menu widget to the Sidebar Archives widget area, but it does not display (that’s how I realized that this has to be a totally different template file: taxonomy-portfolio_entries.php). Rather, a default: Pages, Categories, Archive widget set is shown.

I don’t think its the right solution to set that navigation menu widget to Display Everywhere because that would affect other pages where I may want to have a sidebar with different widgets in the sidebar…is that the ONLY way?

Thank you for any advice (and for your patience), I really appreciate it.

Thank you for the revision, but it didn’t work. Below is the functions.php with the revision included. I removed everything except what you provided and it didn’t make a difference.

// masonry read more
function ava_custom_script_mod(){
?>
<script>
(function($){
$(window).on(‘av-height-change’, function() {
$(‘.av-masonry-entry’).each(function() {
var more = $(this).find(‘.av-masonry-read-more’);
var cont = $(this).find(‘.av-inner-masonry-content-pos’);

if( more.length == 1 ) return;
$(‘<div class=”av-masonry-read-more”>Read More >></div>’).insertAfter(cont);
});
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘ava_custom_script_mod’);

// hide image descriptions on hover
function remove_title_attr(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘#wrap_all a’).removeAttr(‘title’);
jQuery(‘#wrap_all img’).removeAttr(‘title’);
});
</script>
<?php
}
add_action(‘wp_footer’, ‘remove_title_attr’);

// add selection feature to Blog Posts element to set the post by date order

if(!function_exists(‘avia_custom_query_extension’))
{
function avia_custom_query_extension($query, $params)
{
global $avia_config;
if(!empty($avia_config[‘avia_custom_query_options’][‘order’]))
{
$query[‘order’] = $avia_config[‘avia_custom_query_options’][‘order’];
}

if(!empty($avia_config[‘avia_custom_query_options’][‘orderby’]))
{
$query[‘orderby’] = $avia_config[‘avia_custom_query_options’][‘orderby’];
}

unset($avia_config[‘avia_custom_query_options’]);

return $query;
}

add_filter(‘avia_masonry_entries_query’, ‘avia_custom_query_extension’, 10, 2);
add_filter(‘avia_post_grid_query’, ‘avia_custom_query_extension’, 10, 2);
add_filter(‘avia_post_slide_query’, ‘avia_custom_query_extension’, 10, 2);
add_filter(‘avia_blog_post_query’, ‘avia_custom_query_extension’, 10, 2);
add_filter(‘avf_magazine_entries_query’, ‘avia_custom_query_extension’, 10, 2);

add_filter(‘avf_template_builder_shortcode_elements’,’avia_custom_query_options’, 10, 1);
function avia_custom_query_options($elements)
{
$allowed_elements = array(‘av_blog’,’av_masonry_entries’,’av_postslider’,’av_portfolio’,’av_magazine’);

if(isset($_POST[‘params’][‘allowed’]) && in_array($_POST[‘params’][‘allowed’], $allowed_elements))
{
$elements[] = array(
“name” => __(“Custom Query Orderby”,’avia_framework’ ),
“desc” => __(“Set a custom query orderby value”,’avia_framework’ ),
“id” => “orderby”,
“type” => “select”,
“std” => “”,
“subtype” => array(
__(‘Default Order’, ‘avia_framework’ ) =>”,
__(‘Title’, ‘avia_framework’ ) =>’title’,
__(‘Random’, ‘avia_framework’ ) =>’rand’,
__(‘Date’, ‘avia_framework’ ) =>’date’,
__(‘Author’, ‘avia_framework’ ) =>’author’,
__(‘Name (Post Slug)’, ‘avia_framework’ ) =>’name’,
__(‘Modified’, ‘avia_framework’ ) =>’modified’,
__(‘Comment Count’, ‘avia_framework’ ) =>’comment_count’,
__(‘Page Order’, ‘avia_framework’ ) =>’menu_order’)
);

$elements[] = array(
“name” => __(“Custom Query Order”,’avia_framework’ ),
“desc” => __(“Set a custom query order”,’avia_framework’ ),
“id” => “order”,
“type” => “select”,
“std” => “”,
“subtype” => array(
__(‘Default Order’, ‘avia_framework’ ) =>”,
__(‘Ascending Order’, ‘avia_framework’ ) =>’ASC’,
__(‘Descending Order’, ‘avia_framework’ ) =>’DESC’));
}

return $elements;
}

add_filter(‘avf_template_builder_shortcode_meta’, ‘avia_custom_query_add_query_params_to_config’, 10, 4);
function avia_custom_query_add_query_params_to_config($meta, $atts, $content, $shortcodename)
{
global $avia_config;
if(empty($avia_config[‘avia_custom_query_options’])) $avia_config[‘avia_custom_query_options’] = array();

if(!empty($atts[‘order’]))
{
$avia_config[‘avia_custom_query_options’][‘order’] = $atts[‘order’];
}

if(!empty($atts[‘orderby’]))
{
$avia_config[‘avia_custom_query_options’][‘orderby’] = $atts[‘orderby’];
}

return $meta;
}
}
add_action(‘wp_footer’, function () {
?>
<script>
function avResortMasonry() {
const masonryContainer = document.querySelector(‘.av-masonry-container’);
if (!masonryContainer) return;

const masonryItems = Array.from(masonryContainer.querySelectorAll(‘.av-masonry-entry’));

const masonryWithDates = masonryItems.map(item => {
const dateElement = item.querySelector(‘.av-masonry-date’);
const dateText = dateElement ? dateElement.textContent.trim() : ”;
const parsedDate = new Date(dateText);
return { element: item, date: parsedDate };
});

masonryWithDates.sort((a, b) => b.date – a.date);

masonryWithDates.forEach(({ element }) => {
masonryContainer.appendChild(element);
});
}

document.addEventListener(‘DOMContentLoaded’, avResortMasonry);
window.addEventListener(‘av-height-change’, avResortMasonry);
</script>
<?php
}, 9999);

add_filter(‘avf_postgrid_excerpt_length’,’avia_change_postgrid_excerpt_length’, 10, 1);
function avia_change_postgrid_excerpt_length($length)
{
$length = 300;
return $length;
}

Hi Ismael,
I found those options (I didn’t think of the nav menu…such an obvious choice). However, when I populate that menu, and set that menu to display on the portfolio pages, it shows up, but the links do not work.
https://drive.google.com/file/d/1uN9V9ItpDRJGDBjdYe2yO-5nmoRHbVaT/view?usp=sharing

In the menu area of the dashboard, the link is working:
https://drive.google.com/file/d/12-myosbU7ZKl-fsC1lfgzr0EV6l9bAjf/view?usp=sharing
https://libbiemark.com/artworks/1960s/
(also, am I able to edit this category page?)

Additionally, I inspected the menu to compare a working category link vs. the portfolio category link. They had different classes. However, when I tried to manipulate the classes of the portfolio category link to match the working post category link, it had no affect. See this image:
https://drive.google.com/file/d/1nszk6G2MM-KIZe9-r2Bw7zgwmeIHPOhq/view?usp=sharing

On a staging site, I remade the menu and widget on portfolio pages and added regular post categories and portfolio categories, and neither of those links worked, but a simple link to a page worked.

• This reply was modified 5 months, 2 weeks ago by milkrow.