Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 26, 2017 at 8:32 am #856822
    marieilene

    I am looking to do two things – the first is to add a margin or padding around the portfolio image thumbnails, when they are displayed in the grid – But I am not sure what classes to use to add that in the css.

    I’d also like to know if it possible to get rid of the file name that displays when you hover over an image.

    Please let me know the best way to achieve both these things

    Also – if there a way to force all the thumbnails to be the same size in a portfolio grid? currently the thumbnail sizes are all over the place so the grid lines don’t line up

    September 27, 2017 at 4:49 am #857251
    Ismael

    Hey marieilene,

    Thank you for using Enfold.

    1.) Could you please provide a link to the page in question? You can try the following css code.

    .grid-entry {
    padding: 20px;
}

    2.) This is possible but you’ll have to remove the “title” attribute which is not good for SEO.

    3.) Please upload images with the same size as much as possible.

    Best regards,
    Ismael

    September 30, 2017 at 4:39 am #858660
    marieilene

    Thank you so in regards to question 2 is there some CSS I can use to have the title Attribute not display or some other code change we can make it would be incredibly time consuming to go back through thousands of product images and delete all the titles and not good for SEO as you mentioned so it would be a lot better if there was some CSS code or other code to keep the image title from displaying on hover.

    Here is a link to the site we are developing https://brokentypewriterdev.com/Shea

    You can see the image title issue on this page https://brokentypewriterdev.com/Shea/exteriors/atherton-exterior-packages/

    Another issue we are having is a thin bottom border is showing up on grid rows even though we have border set to none

    Cook Tops

    October 2, 2017 at 6:29 am #859085
    Ismael

    Hi,

    1.) I’m sorry but the title overlay is a browser feature. You can’t hide it using css or without removing the actual title attribute. If you want to remove the title, just use the following script in the functions.php file. Again, this is not recommended.

    // custom script
function ava_custom_script() {
?>
<script type="text/javascript">
(function($) {
  $('a').removeAttr('title');
  $('img').removeAttr('title');
})(jQuery);
</script>
<?php
add_action( 'wp_footer', 'ava_custom_script' );

    2.) The following css code will remove the border of the container_wrap.

    .container_wrap {
    border-top-style: none;
    border-top-width: 0;
}

    Best regards,
    Ismael

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