This reply has been marked as private.
Hi team
I am about to create a lot of portfolio pages for a client, and before doing that I am trying to figure out the best way to present all theese portfolio items (in different categories) in an “over-view-page”.
I have tested both portfolio grid and content slider, and both ways I encounter some issues:
1: Portfolio grid only presents the portfolio items by date. Can the portfolio items be manually re-arranged/re-ordered somehow (not automatically by date or alphabetically)
2: In the content slider the portfolio item do not show up when clicking the portfolio image. Instead a lightbox shows the image. Is there a way to link to the portfolio item instead?
All the best and thanks in advance
The image in the Ajax preview displaying at its original resolution, it’s something to do with the image, i see it kinda blurry here too:
http://fivefold.staging.wpengine.com/wp-content/uploads/2014/02/auto-glass-la-website.jpg (hosted on WPengine)
Cheers!
Josue
This reply has been marked as private.
Hey!
Use this plugin to set a custom order:
http://wordpress.org/plugins/post-types-order/
Regarding the other issue, i’m not seeing your images blurry (AJAX was not enabled).
Cheers!
Josue
Hi,
Is there a way to configure the search engine? it seem to result only for posts or pages,is it possible to return some portfolio images name?
Thanks!
Thanks very much! Hmmm, still can’t work out what is going on though. Here’s my current child functions.php…
<?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 title attribute back to gallery images
function my_image_titles($atts,$img) {
$atts['title'] = trim(strip_tags( $img->post_title ));
return $atts;
}
add_filter('wp_get_attachment_image_attributes','my_image_titles',10,2);
add_filter('avf_title_args', 'fix_single_post_title', 10, 2);
function fix_single_post_title($args,$id)
{
if (is_single())
{
$args['title'] = get_the_title($id);
$args['link'] = get_permalink($id);
}
return $args;
}
I simply pasted your code at the bottom of this and it still breaks it. Strange!
This reply has been marked as private.
Hi!
You are using boxed layout so 1310px in width would be fine. You current image is 598px in width.
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed to change the color of main menu items
.header_color .main_menu ul:first-child > li > a { color: #008000; }
.header_color .main_menu ul:first-child > li > a:hover { color: #ffebcd; }
Cheers!
Yigit
You are welcome, glad we could help :)
Regards,
Josue
I went with Yigit’s solution, because it looked more universal, and it seems to have worked! Thanks, guys!
I purchased “The Fancy Product Designer” plugin for my website, but the default Enfold formatting cuts off most of the plugin designer area:
http://ajdesign.com/images/cut-off.jpg
How can I extend the designer area to look like their demo page?
http://fancyproductdesigner.com/product/t-shirt/
I’m trying to shrink down the price and add to cart button area, and place the product description tab are underneath the large product image.
Thank you for your help.
I see….starting to make sense of the enfold theme logic.
Sweet, Thanks..
I have another question (maybe I should ask from a new one but as I am here)
I am using the post slider and I wish to edit where it links to so that instead of linking to a post, it pulls a larger image from uploads when clicked on. I also wish to edit the meta. My problem is I cant seem to find the code that generates the slider.
Where can I make a duplication of the slider code and apply it to a specific page?
The page I want to edit is http://dev.lolhatespeech.com/offender-registry/
I wish the post image to link like on this page:
http://dev.lolhatespeech.com/report-cat/anti-gay/
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
p a, p a:visited {
line-height: inherit;
overflow: visible!important;
}
Best regards,
Yigit
Hey!
Try adding this code to the Quick CSS:
.page-id-313 .av_textblock_section {
max-height: 325px !important;
}
Cheers!
Josue
I would like to know how it would be best to go about setting up smaller size images for display on tablets or mobile so that my larger images on the desktop site does not have to eat up all the mobile bandwidth of my visitors.
I know there are plugins about but not sure which would work well with enfold. Any suggestions or is there an alternative?
PS – I am using WPML so it has to be compatible with it.
Thanks in advance
Raju
Hey!
Please don’t create duplicate topics for the same issues/question. It makes it harder for us to answer and for others to search. I’m closing this one off since I’ve already responded to your other topic: https://kriesi.at/support/topic/resize-image-in-wysiwyg/
Regards,
Devin
This reply has been marked as private.
Hi Jane!
You can adjust its position as needed by adding this to your Quick CSS in the styling tab of the theme options:
#top .onsale {
top: -11em;
}
Change the value to change its position. I’ve used em so that the position will scale with the screen size. It will shift a bit in the image area because of this.
Cheers!
Devin
Hi akamaxbuz!
This is deliberate to keep images responsive. You can wrap images in containers via the column shortcodes to constrain them or choose smaller thumbnail sizes if you want to add in the actual smaller image.
Cheers!
Devin
So I am trying to add a color section (to implement a full-width background image) to my blog homepage (http://site.com/blog, not http://site.com). Nothing that I set in the Avia Layout Builder applies to the blog page. How can I apply the changes I would normally do through the Avia Layout Builder to this page?
Thanks!
Hey!
Can you post the link to your page where this occurs? I have checked all of your pages and you have video only on your homepage and there are no black stripes when i resize browser window
Best regards,
Yigit
Hi!
Please go to wp-content\themes\enfold\js folder and open shortcodes.js file and find
big_prev.stop().animate({opacity:0}, function()
and change it to
big_prev.stop().animate({opacity:1}, function()
Regards,
Yigit
I just tried it out with my live child them and didn’t any errors. The query values were reversed so it should be the following:
add_filter('avia_masonry_entries_query', 'avia_random_image_query', 10, 2);
function avia_random_image_query($query, $params)
{
if(is_page(array(5173)))
{
$query['orderby'] = "title";
$query['order'] = "ASC";
}
return $query;
}
but it shouldn’t cause any errors. Just make sure your functions file has an opening ‘<?php’ and the function is after that.
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .avia-smallarrow-slider .slide-image, #top .avia-logo-element-container img {
width: auto; }
Best regards,
Yigit
Thank you sooo much Yigit. That worked perfectly!!!
Keep up the good work :)
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.container_wrap {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0); }
Cheers!
Yigit
This reply has been marked as private.
Hi!
I have also adjusted the custom CSS code which you can find on the top of Quick CSS section. Let us know if you have any other questions or issues
Best regards,
Yigit