I would greatly appreciate if somebody will help me.
Si I am trying to make a web page with 3 tabs "London, New York, Shanghai".
On load all is hidden, only "welcome" page is visible.
I Implemented a carousel for images for "London" and it works as intended, but when I tried to copy-and-paste js code for the page and rename all variables for New York, it worked but now
New York Carousel is in display:block for some reason, when it has to be in display:none by default (in CSS).
And this New Work carousel is on other pages as well.
It has tailwind in it as well but I don't think the problem is in it.
https://github.com/Nikita0x/Nikita0x.github.io/tree/main/cities
I have checked everything meticulously, there should not be any typos, unclosed tags and all cases match. I can't wrap my mind around it, i was trying to copy this - https://www.w3schools.com/howto/howto_js_slideshow.asp
but it is as if .mySlides_ny {display:none} is ignored
Thanks for providing a link to the repo, that was helpful. The issue may be with this line in your newyork.js file:
slides[slideIndex_ny - 1].style.display = "block";
Looks like that might be setting display to "block" and overriding the "display:none." I'm not sure what that line is trying to accomplish, but perhaps try commenting it out and see if that changes anything.
Related
I am having trouble identifying a problem and it is driving me crazy. If this is a poor question or in the wrong place please have mercy, I am exhausted trying to figure this out.
Here is how my website is displaying: My Site
And here is how it is supposed to look:
Archive of Page
Nothing has changed as far as I can tell. I have disabled plugins, re-uploaded them there. My mind is boggled!? It looks the same (code) but appears different. What am I missing!?
I happened to get this as well, what you should do is to redownload the layout, thats what solved my issue. I remember adding 1 line to css and removing it, the layout got stuck and refused to update, so that was my solution. I hope someone else can give you a better one though :)
you have a problem with jQuery in your website.
I think you need to update your theme.
your theme is from 6/2014 and now is 6/2016...
Your js makes all this section on home vertical align to middle. And the js doesn't work now and stay on top.
Update your theme :)
I have been trying to figure this out all day. I am using a theme that a client wanted to use. I have replaced every mentioning of 767px and 768px with 1359px and 1360px (those are when I want the menu to collapse). I have added custom CSS. I can get the button to show up at 1359px, but it will not toggle the navigation.
Basically, the navbar toggle button does not work until I hit 767px. I do not want to know specific code I can use to fix this problem. All I want to know is where this is being set as 767px. How does the website know to change it at 767px when I have changed every mentioning of this number to 1359px. I have gone through every php file, js file, and css file on the server. I am foaming at the mouth. I think I am going to explode. I have checked EVERY solution here and elsewhere on the internet.
Is this something I need to change in javascript, in css, or in php, or in all of them?
I am using WordPress. I am looking for a general solution NOT CODE. As in, where is this being defined. What file do I need to edit in this godforsaken theme to get the menu to toggle at 1359.
Please help before my brains start oozing out of my ears.
Okay well I feel like an idiot..
To anyone else having a similar issue,
CLEAR YOUR BROWSER CACHE.
Upon inspecting in developer tools I realized the site was loading an older version of my bootstrap.min.css file rather than the file I updated with the new breakpoints.
Cleared the cache and everything worked as expected.
First off, I am sorry in advance- anyone who reads this is going to hate me.
So, I am currently finishing a webpage for a client. Things are going decently, except I'm having a bit of an issue with the positioning of an element. There is a little contact box that is supposed to slide in from the side when you click on it. The issue is that I basically have had my hands tied, and I have to use wordpress for this page, and this contact box is a plugin that the original author of this page chose. For some reason- this contact box always ends up behind other elements. I tried setting the z-index in the source code of the plugin by finding the name of the variable that is supposed to hold the instance of the slider- and I could not get anything to work (partially because I havent used jquery in a while, and, this isn't my plugin). I tried using the .zIndex function, but, it kept throwing errors. So, I went to CSS. I got the IDs of the wrapper and the actual box itself, and set their z-index to 100. This did nothing, which has left me stumped. Unfortunately, I can only provide links to the site, and a pastebin of the plugin's code- since the source code for the website is huge... and I also dont actually have access to the server- only the WordPress admin page (which doesnt allow me to edit the source of pages)
http://pastebin.com/NX8AnB16 - pastebin of the plugin source
http://buyinghouseinusa.com/ - the site i am currently trying to finish
If anyone could help me figure out what I need to apply the z-index to to make the stupid contact form stay on top, I would be very greatful. I apologize for the inconvenience of not having the actual code offhand (with the exception of what the browser can show me)
z-index only applies to positioned elements.
Then, in order to make div.dwp-contact-wrapper{z-index: 2000} work, you need
div.dwp-contact-wrapper {
position: relative;
}
I'm working on a website using scrollmagic.
I have pinned a div and made a wipe with translate y, the problem is when I resize my window the section pin seems to lost its height and hide the rest of the content.
I believe it might be an error about what is loaded first
Here my site http://eloisemonteiro.hol.es/ ,
I put also here the but the scrollmagic doesnt seems to work:
http://jsfiddle.net/5k2p88o3/
The problem with your fiddle is, that the paths to your Libs are wrong.
Current: http://jsfiddle.net/yeEBa/jquery.scrollmagic.min.js
Correct: https://rawgit.com/janpaepke/ScrollMagic/master/js/jquery.scrollmagic.min.js
Modernizr was non-existent...
Correct: http://modernizr.com/downloads/modernizr-latest.js
Furthermore there were scripts mixed into the HTML code, that were executed before the controller was even initiated.
Once you correct these issues your wipe seems to be working as expected:
http://jsfiddle.net/5k2p88o3/1/
On your other page I was unable to reproduce your issue.
If it persists I invite you to post an issue in the appropriate section of the GitHub project: https://github.com/janpaepke/ScrollMagic/issues
If you decide to do that, please make sure to mind the support guidelines:
https://github.com/janpaepke/ScrollMagic/blob/master/CONTRIBUTING.md
take care,
J
I'm currently putting together a website for a buddy and myself. I purchased a template (mind all the silly placeholders and obvious space issues) to help get the ball rolling as I didn't have very much time available to put in to the project.
On the store section of the page you have that little gallery of products, when you scroll down a bit more it removes itself from the page (page jitters, clicking from store to about works funny). This is causing an issue with my Jquery waypoints setup. I can't for the life of me figure out what's removing it from the page when I'd like to keep it there at all times.
Any help is appreciated.
http://lovedrugfrontend.herokuapp.com/
For quick fix you can try to give the
style = "display:block!important";
to the 'team' class.
This will solve your issue.
This is just quick fix. Cant fix the issue without js files.