Jump to content

Shockowaffel

Members
  • Content Count

    11
  • Joined

  • Last visited

Community Reputation

0 Neutral

About Shockowaffel

  • Rank
    Newbie
  1. The JS examples and the tutorial are neat, but what's really missing is an example of how to modify some of the examples Something simple like: you want to use two instances of an image slider from the tutorial Can you still use the same JS script ? If not, what options are there to fix it ? Hints to maybe Jquery as alternative solutions or whatever comes to mind.
  2. Thanks for the help, I finally figured it out ! .navbar-inverse .navbar-nav>.home>a { background-color: transparent !important; color:#9d9d9d !important; } .navbar-inverse .navbar-nav>.home>a:hover { color:#fff !important; }
  3. Ah I get it! Thanks. This actually does it .nav li a {background-color:transparent !important; } This works and overrides the js. Sadly (and as expected) it also overrides all other navbar item backgrounds. As mentioned before, I'd like to only override the home button. Any idea on how to limit this effect to only one element instead of all ?
  4. I feel stupid, but I do not understand what you are suggesting. I have an idea what you mean, but what I am trying isnt working. sth like #homebutton {background-color: transparent;} or the same as an inline style isnt working either.
  5. So I THINK this is the JS part we need, but as I said, I am not good enough with JS to do anything with this really. I assume the parts that mention ".nav li > a" or "a" links in general are relevant. }(jQuery), + function (t) { 'use strict'; function e(s, i) { this.$body = t(document.body), this.$scrollElement = t(t(s).is(document.body) ? window : s), this.options = t.extend({ }, e.DEFAULTS, i), this.selector = (this.options.target || '') + ' .nav li > a', this.offsets = [ ], this.targets = [ ], this.activeTarget = null, this.scr
  6. That would be for the li items. problem there is that putting a non li item inside a ul or in front of it would mess up the layout, wouldnt it ? The navbar items are centered on the page right now.
  7. Hi, I am no good with Javascript but I managed to copy paste my way to a working implementation of scrollspy to highlight my active navbar items. So far so good Now, the very first list item is the Home button and of course it gets highlighted when you are at the top of the page. I would prefer if the home button would not be highlighted tough. I want a visually inactive navbar when I am at the top of the page. Is there a script to do this or another way I am not seeing ? <body data-spy="scroll" data-target=".navbar" data-offset="500"> <!-- Navbar (sit on top) --
  8. So, I experimented around some more and it seems the "solution" I am ok with right now is to add padding on the left side of the text equal to the letter spacing to accomodate for the excess space on the right. Ingolme's suggestion to fix the right side padding only works when you have enough space to work with. If you have a case like this where your padding (0.5em) is smaller than the letter spacing (0.625em), reducing the padding by the value of the spacing would leave you with a negative value for padding and as far as I know, that doesnt work, does it ? So I have to compromis
  9. Thank you, to check for what you said, I removed the w3-wide padding and added an inline padding to the first h1 (dont mind the high value) <div class="bgimg-1 w3-display-container w3-opacity-min" id="home"> <div class="w3-display-middle w3 mobile"> <h1 class="w3-black w3-padding-large w3-animate-opacity" style="padding-left: 5.5em">THORSTEN ERDT</h1> <h1 class="headline2 w3-animate-opacity">ILLUSTRATION</h1> </div> </div> Here's the result: While it got rid of the excess space (and all letter spacing at that) for some rea
  10. I have some knowledge about html and css and I am confident in beeing able to hack through most problems through trial and error, but in this case I dont even have an idea on how to fix it and I am afraid it's really simple. So I simply want this black background behind the text and it's supposed to be equal on both sides, but the padding starts virtually too late for that to work. body {position: relative;} body,html,h1,h2,h3,h4,h5,h6,p {font-family: "Lato", sans-serif;} body, html { height: 100%; color: #777777; line-height: 1.8;} html {font-size:1rem;} body {font-
×
×
  • Create New...