Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 27, 2016 at 1:13 pm #639259
    philichar

    Hello , at first excuse me for my bad english !

    Id’ like to delete the thin red border around gallery thumbnail :
    (or to how make it the same color than the background )

    http://saou-restaurant.fr/#notrehistoire

    I put some CSS codes in quick CSS to delete borders between lateral menu and content on all the page.

    .content, #top #main .sidebar, .sidebar_left .content { border-left-style: none!important; border-right-style: none!important; }
    .avia-section { border: none !important; }
    .footer { border: none; } this one have effect

    I made red border in “general styling” to make it invisible between the lateral menu and the footer

    Thank you for your help

    May 27, 2016 at 1:13 pm #639260
    Yigit

    Hi philichar!

    “Site en construction” Please post login credentials here privately so we can see your page

    Regards,
    Yigit

    May 27, 2016 at 3:19 pm #639319
    philichar

    Hi
    Sorry, i forgot the maintenance mode !
    See Private Content

    May 27, 2016 at 3:22 pm #639323
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top div .avia-gallery img { padding: 0; }

    Best regards,
    Yigit

    May 27, 2016 at 3:32 pm #639327
    philichar

    Humm not yet, now the red border is just nearer from the Thumb…

    May 27, 2016 at 3:41 pm #639333
    Yigit

    Hi!

    Sorry, please use following code instead

    #top div .avia-gallery img {
    border-style: none;
}

    Best regards,
    Yigit

    May 27, 2016 at 3:50 pm #639340
    philichar

    That’s it ! Thank you very much.

    Second question :
    About Gallery Monsory / caption
    Is it possible to have no caption when a picture is open in the Lightbox ?
    see: http://saou-restaurant.fr/#contact

    … and keep caption for traditional gallery
    see : http://saou-restaurant.fr/#notrehistoire

    May 27, 2016 at 3:53 pm #639344
    Yigit

    Hey!

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your icons that you would like to have no title and give them a custom CSS class and then add following code to Functions.php file in Appearance > Editor

    function remove_title_attr(){
?>
 <script>
jQuery(window).load(function(){
jQuery('.your-custom-class img').removeAttr('title');
});
 </script>
<?php
}
add_action('wp_footer', 'remove_title_attr');

    Cheers!
    Yigit

    May 27, 2016 at 3:57 pm #639349
    philichar

    ok, it’s too difficult for me !
    Thank you very much for your answers .

    Have a nice day !

    May 27, 2016 at 4:11 pm #639357
    Yigit

    Hey!

    You are welcome. If you would like us to do it, we can apply it for you :)

    Cheers!
    Yigit

    October 17, 2019 at 12:26 pm #1148900
    SphereEvenements

    Hi,

    I want deactivate borders on a specific gallery thumbnails. So, on my element (gallery), I’ve added custom css class named : gallery-no-border.
    After, I have added this code in my quick CSS :

    .gallery-no-border #top div .avia-gallery img{
    border: none !important;
    }

    But it doesn’t work… Is the syntaxe correct ?
    Can you help me ?

    Thanks,
    Franck

    October 18, 2019 at 1:54 pm #1149259
    Victoria

    Hi SphereEvenements,

    Which page are you doing it on?

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    October 18, 2019 at 2:31 pm #1149275
    SphereEvenements

    Hi Victoria,
    This one for example, specifically the gallery in layer slider : http://www.sphere-evenements.com/autres-receptions-privees/
    Thanks,
    Franck

    October 18, 2019 at 4:14 pm #1149335
    Victoria

    Hi SphereEvenements,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #layerslider_48  div .avia-gallery img {
    border: none;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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