-
AuthorPosts
-
September 7, 2015 at 5:04 pm #499392
Hi, i tried following some posts about with similar topic with no success.
I have a grid portfolio (6 columns), my images are 85×85 pixels and cannot be bigger.
How can I set the grid portfolio and quick CSS to make it work?
Spaces between single elements can be added.Something like this is my aim… but i need the first column to be well aligned like others, and some vertical spaces between the rows…
thanks
September 8, 2015 at 4:54 am #499645Hey Nicola!
Thank you for using Enfold.
Do you really need the portfolio grid element? You can use the column layout or the grid row element to separate Image elements.
Regards,
IsmaelSeptember 8, 2015 at 8:04 am #499699yes, I need the grid portfolio, because I need to filter the elements as you can see in the photo, using my categories (Abbigliamento donna, Calzature bambini, etc).
September 8, 2015 at 1:17 pm #499823September 8, 2015 at 1:45 pm #4998501) http://www.maxitracce.it/brand/
site is under construction
I give you admin access2) I add one small problem: I changed Vimeo icon in the top right (social icons), simply changhing the path to png icons.
All it’s ok, but I need to change the mouse-over box title (It remained “Vimeo”, I need it to be “Media”). I will never usa Vimeo, by the way.
I tried following some old suggestions to me here, but with no success.
The question is: in which file do I need to edit this tag? functions.php? or also in quick CSS; in this case which is the css rule?thanks
- This reply was modified 9 years, 3 months ago by niguli.
September 8, 2015 at 3:37 pm #499938I also need the lightbox click to be disactivated on the thumbnails (no click at all on (ONLY) this portfolio grid. Is it possibile?
September 9, 2015 at 7:35 am #500209Hey!
1.) Add this in the Quick CSS field in order to create gaps between the masonry items:
#top .no_margin.av_one_sixth { width: 125px; padding: 20px; }
2.) Add this code in the functions.php file:
add_filter('avia_filter_social_icons', 'avia_social_icons_title'); function avia_social_icons_title($icons) { $i = 0; foreach ($icons as $icon) { if($icon['social_icon'] == 'vimeo') { $icons[$i] = array( 'social_icon' => 'Media', 'social_icon_link' => $icon['social_icon_link'] ); break; } $i++; } return $icons; }
Regards,
IsmaelSeptember 16, 2015 at 12:12 pm #503961it works. But I lost my icon and now I see the pencil icon .. .can you help me more ?
as written above
I also need the lightbox click to be disactivated on the thumbnails (no click at all on (ONLY) this portfolio grid. Is it possibile?
- This reply was modified 9 years, 3 months ago by niguli.
September 17, 2015 at 5:38 am #504493Hey!
Please remove the code we suggested on functions.php then go to the child theme folder. Create a new functions.php file inside, add this code:
// target _top function add_custom_script(){ ?> <script> (function($) { $('.social_bookmarks_vimeo a').removeAttr('title'); $('.social_bookmarks_vimeo a').attr('title', 'Media'); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_script');
What is the url of the page with the portfolio grid element? You can try this in the Quick CSS field in order to disable the link:
.grid-image { pointer-events: none !important; }
Best regards,
IsmaelSeptember 17, 2015 at 10:11 am #504601Hi Ismael.
near to the solution…
1) I created an empty file named functions.php inside enfold-child subfolder and pasted your code, but now all paged are white… :(
so I renamed it -functions.php.
What’s wrong?
I give you FTP access.2) code
.grid-image { pointer-events: none !important; }
works great but I ask you if is it possible to make it works only for page Brand, because I need it to work in other page such as Promozioni (where it works on the text title but not on the images).
Maybe through a css rule?- This reply was modified 9 years, 3 months ago by niguli.
September 19, 2015 at 4:10 am #505825Hi!
1.) Did you see any errors? Please make sure that you get the code directly from the forum, not from your email. I forgot to add the opening php tags. Please replace the code with this:
<?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. */ // target _top function add_custom_script(){ ?> <script> (function($) { $('.social_bookmarks_vimeo a').removeAttr('title'); $('.social_bookmarks_vimeo a').attr('title', 'Media'); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_script'); ?>
2.) Get the page id of the brand page. Prepend the page id class selector. Something like this:
.page-id-32 .grid-image { pointer-events: none !important; }
Replace “32” with the id of the “Brand” page.
Cheers!
IsmaelSeptember 19, 2015 at 8:55 am #5058911) uhm! I always copy code from forum, not from email. Opening php tags added… But I still have blank page! Help… (I renamed again the file to -functions.php (file is in /wp-content/themes/enfold-child/)
2) it worked perfectly, thanks
September 21, 2015 at 4:56 am #506173 -
AuthorPosts
- You must be logged in to reply to this topic.