Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #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

    #499645

    Hey 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,
    Ismael

    #499699

    yes, 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).

    #499823

    Hi!

    Can you please post the link to your page?

    Cheers!
    Yigit

    #499850

    1) http://www.maxitracce.it/brand/
    site is under construction
    I give you admin access

    2) 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.
    #499938

    I also need the lightbox click to be disactivated on the thumbnails (no click at all on (ONLY) this portfolio grid. Is it possibile?

    #500209

    Hey!

    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,
    Ismael

    #503961

    it 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.
    #504493

    Hey!

    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,
    Ismael

    #504601

    Hi 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.
    #505825

    Hi!

    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!
    Ismael

    #505891

    1) 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

    #506173

    Hey!

    1.) There’s a function called “add_custom_script” in the parent theme’s functions.php file. We renamed it for you. You can now activate the child theme’s functions.php file. :)

    Best regards,
    Ismael

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.