Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Content Count

  • Joined

  • Last visited

  1. Site URL: https://shuvamkabir.net I'm trying to add buttons that link to other pages on my website, using jquery and $('.button').click(function() { window.location.href = "https://www.shuvamkabir.net/someotherpage";}) However, the links don't appear to work. Clicking does nothing. I'm not sure what I'm doing wrong here. I've included the code for the buttons that I'm using. <style> /**/ /*Main Navigation Buttons*/ /**/ .navbuttonsection{ /*text-align: right;*/ /*display:none;border-radius:6px;*/ width:350px; /*height:300px;margin:auto;box-sizing:border-box;padding-bottom:35px;*/ /*z-index: 1;*/ position: absolute; right: 0%; /*margin-right: -80px;*/ /*bottom: 25px*/ } .button-nav{ text-transform:uppercase; text-align: right; font-size:1.1em; letter-spacing:.2em; box-sizing:border-box; vertical-align:middle; width:350px; height:50px; opacity: 0.5; transition: opacity .6s ease-in-out, width .6s ease-in-out, right .6s ease-in-out, left .6s ease-in-out, letter-spacing .6s ease-in-out; border-top-left-radius:10px; border-bottom-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; background-color: white; color: black } .button-nav:hover{ opacity: 0.8; width:100%; left: 10%; letter-spacing: .3em; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> /**/ /*Navigation button functionality*/ /**/ /*$('.button-nav').click(function() { window.location = "https://www.shuvamkabir.net/" + this.id; });*/ $('.button-Experience').click(function() { window.location.href = "https://www.shuvamkabir.net/experience" }); $('.button-Portfolio').click(function() { window.location.href = "https://www.shuvamkabir.net/portfolio"; }); $('.button-CV').click(function() { window.location.href = "https://www.shuvamkabir.net/pageCV"; }); $('.button-Services').click(function() { window.location.href = "https://www.shuvamkabir.net/services"; }); </script>
  2. Thank you for your response. Unfortunately, that didn't seem to have any effect. There's no discernible element added.
  3. Site URL: https://shuvamkabir.net I'm attempting to add a white gradient above my background images. My first thought is to add an additional element that serves as an intermediate layer. I've tried the following, which I copied from here : [data-section-id="xxxxxxxxxxxxxxx"]{ .section-background::after{ content:""; display:block; position:relative; width:100%; height:100%; /* in hsla color format (below), the last number is between 0 and 1 and changes the opacity */ background-color:hsla(100,20,50,.5) !important; } } And then replace the background-color() with a linear-gradient() instruction. However, the above code doesn't seem to work. I should add that I am also using javascript to create a parallax effect, which I am hoping isn't conflicting. Can anyone walk me through adding an additional element behind my text/image blocks and above my background to which I can add a gradient that shifts from white-to-transparent-to-white? Alternatively, can anyone show me how to make an image block flush with with the top of a section (so I can just stick a small PNG at the top and bottom of my sections and call it good)?
  • Create New...