Customizing Gallery spacing/borders in Enfold

I have used this to remove the border on the thumbnails but for some reason the border stays on the larger image when you have the gallery set up with big image and thumbnails under?

Worked! Thanks

The CSS provided above does not take the white border off of a gallery with the big image shown above the thumbnails. It only takes the border off of the thumbnails.

i.e.
#top div .avia-gallery img { border-style: none; padding: 0; }
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 16%; margin: 20px; }

.avia-gallery-big { border: 0 !important; }

Notice the Gallery with Preview and Bigger Gallery with Preview on your demo…
http://kriesi.at/themes/enfold/shortcodes/gallery/

The above code only removes the border for the thumbnails.

Any ideas how to remove the border from the big preview? I have tried numerous css combinations and now stuck.

Thanks,

Anyone found a solution for removing the border on the big image too ?

Can anyone tell me what the code should be for having the standard border and colour as in the Enfold Demo for the Gallery element with big image above and smaller thumbnails below. I want to achieve this again having removed it earlier, so would like to “put back the default” as it were.

like these – see link

Hello, I am a bit puzzeled after trying different ccs examples I found on this blog.

I try to enable a border around a form field to enter an email addres:

Any help on this?

URL: https://www.hetoudeposthuys.nl/test/

CODE:
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script&gt;

<form method=”post” name=”subscribeform” id=”subscribeform” enctype=”multipart/form-data”> <table border=0> <tr> <td><div class=”required”>Email</div></td> <td class=”attributeinput”><input type=text name=”email” value=”” id=”email” size=”40″></td> </tr> </table> <input type=hidden name=”htmlemail” value=”1″> <input type=”hidden” name=”list[2]” value=”signup” /> <input type=”hidden” name=”subscribe” value=”subscribe”/> <button class=’button’ onclick=”if (checkform()) {submitForm();} return false;” >Subscribe</button> <div id=”result” style=”color: black;”></div> </form>

<script type=”text/javascript”> function checkform() { re = /^\w+([.-]?\w+)@\w+([.-]?\w+)(.\w{2,3})+$/; if (!(re.test(jQuery(“#email”).val()))) { jQuery(“#result”).empty().append(“Please enter a valid email address”); jQuery(“#email”).focus(); return false; } return true; } function submitForm() { successMessage = ‘Thank you for your registration. Please check your email to confirm.’; data = jQuery(‘#subscribeform’).serialize(); jQuery.ajax( { type: ‘POST’, data: data, url: ‘https://mailing.hetoudeposthuys.nl/?p=subscribe&id=3&#8217;, dataType: ‘html’, success: function (data, status, request) { jQuery(“#result”).empty().append(data != ” ? data : successMessage); jQuery(‘#email’).val(”); }, error: function (request, status, error) { alert(‘Sorry, we were unable to process your subscription.’); } }); } </script>

Hi Yigit;

Thanks, that works!

Another problem now is that if I add this code to a page with content, like text and images, all the images do not appear.

Please see screendump:
https://www.hetoudeposthuys.nl/wp-content/uploads/2020/07/FireShot-Capture-003-Locatie-Het-Oude-Posthuys-www.hetoudeposthuys.nl_.png

Any suggestion on how to resolve this?

Thanks David