elbarrad

I use Chrome. Multiple users have encountered this error, and it usually occurs when one clicks immediately on one of the images / names to open a lightbox. It seems like the issue might be with the loading time? Thank you!

Site URL: https://www.imyeg.com/council-of-founders Hello! I have used this code to create lightboxes on this page for people's bios: <link href="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.css" type="text/css" rel="stylesheet" /> <script src="//code.jquery.com/jquery-latest.js"></script> <script src="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script></link> However, it often takes a long time for the content in the lightbox to load when clicking on the photos / names of the individuals (just showing a white box with no content in it). After clicking out of the box and re-opening it a few times, the content sometimes loads, but it is not ideal. Here is an example: I was wondering if there is a way to avoid this? Thank you!

Thank you very much for your help! It remained unchanged, but I tried some other selectors, and this seems to work for changing the alignment and background of a specific nth-child: #header > div.header-announcement-bar-wrapper > div.header-inner.container--fluid.header-mobile-layout-logo-left-nav-right.header-layout-nav-right > div.header-display-desktop > div.header-title-nav-wrapper > div.header-nav > div > nav > div.header-nav-item.header-nav-item--folder.header-nav-item--active > div > div.header-nav-folder-item.header-nav-folder-item--active:nth-child(3) { text-align: right !important; }

Thank you very much for that! I tried this, but I think I might be missing something. .header-nav-folder-content a:nth-child:(3) { color: red !important; } The website remains unpublished, so that is why I am unable to post a link. Totally understand - thanks for the help nonetheless!

Hello! I am currently trying to edit the css of a dropdown menu. I have following Inside the Square's tutorial, which has been very helpful. I am now trying to change the style of a specific item on that list, but cannot figure out which selector to use. This is the code I used to customize the dropdown menu... .header-nav-folder-content { text-align: left !important; background-color: #E6E6E6 !important; padding-bottom: 20px !important; } .header-nav-folder-content a { padding-top: 15px !important; border-bottom: 1px solid black; text-transform: capitalize; color: black !important; } ... which has resulted in this. Now, I would like to specifically change the style of "Test 3". Thank you in advance!