Fotek Posts - Answer Overflow

Fotek

Posts Comments

KPCKevin Powell - Community

•Created by Fotek on 7/27/2023 in #front-end

How to create an overflow navbar dropdown menu?

4 replies

KPCKevin Powell - Community

•Created by Fotek on 6/23/2023 in #front-end

Animation on Scroll/Load Recommendations?

Searching for an animation library that can animate text and buttons with fade/sliding positions on scroll/load but can also do staggering. I've tried AOS and Animate.css plus a few more but they don't do what I need that well, have issues and are very old. AOS works with a delay system to make things stagger but causes issues with elements not loading correctly, especially on refresh and not at the top of the page. Animate.css doesn't support staggering. What are people using, any suggestions? Thanks.

1 replies

KPCKevin Powell - Community

•Created by Fotek on 6/10/2023 in #front-end

Help finding class name for drop-down menu.

Hey! I have this dropdown menu that I can't inspect to find the class name, I've tried the tricks of disabling javascript, using the chrome debugger to freeze etc. The problem is that anything other than left clicking removes the drop-down menu. I think it doesn't have any styling or classes and is using default bootstrap but I cannot find it anywhere. It also seems to be using jQuery selectbox. I can style the text and background color of the dropdown, just not the blue active/hover:

select option, select optgroup {
  color: #929eaf;
  text-transform: uppercase;
  background-color: #080b0f;
}

select option, select optgroup {
  color: #929eaf;
  text-transform: uppercase;
  background-color: #080b0f;
}

This is the form HTML:

<select
  class="form-select"
  aria-label="Website Language"
  name="language_field"
  id="language_field"
>
  <option value="english" selected="selected">English</option>
  <option value="spanish">Spanish</option>
</select>

<select
  class="form-select"
  aria-label="Website Language"
  name="language_field"
  id="language_field"
>
  <option value="english" selected="selected">English</option>
  <option value="spanish">Spanish</option>
</select>

Any help much appreciated!

4 replies

Gaming

Programming