Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
Gulsvi
@gulsvi
@collabitron A lot of people accidentally set up their codepen with Bootstrap 4 but have Bootstrap 3 running locally.
Or, they don't set up the stylesheets correctly in codepen which causes CSS settings to not work as expected
Adam Simonini
@adamsimonini
@SkyCoder01 all my my libraries use CDNs so as to avoid running libraries locally. From my understanding, if I load the same URL into the codepen under "add extrnal" then it should work
perhaps my issue is that my local CSS file isn't loading, but I thought simply copying and pasting the CSS from my local file to the codepen file would work seamlessly
Gulsvi
@gulsvi
@collabitron Yes, that should work. You can also just copy / paste everything you have in between your <head> tags to the "Stuff for <head>" section in the Settings for your project
Adam Simonini
@adamsimonini
@SkyCoder01 oh interesting. I didn't know that existed. I will do that now. Also, for my local JS and CSS files, which have locally directed links in my HTML, there should not be a problem so long as I copy and paste the contents of those files directly into codepen in the appropriate places, right?
Gulsvi
@gulsvi
@collabitron Yeah, that will work fine
Adam Simonini
@adamsimonini
here is an example of a codepen of mine that is missing some styling, specifically on the H1 as well as the input area for the search http://codepen.io/AJSIM/pen/qrwRwQ
Gulsvi
@gulsvi
Just make sure you don't have the <body> tags in your HTML or anything outside of those tags. Remove any <script> tags and make sure they're set up as external resources
Adam Simonini
@adamsimonini
ah, so there are additional rules to using codepen that I didn't know about. I was copying and pasting everything into the html
Gulsvi
@gulsvi
Yeah, codepen adds <body> for you and everything else goes into settings
You'll want to make sure your scripts load in the right order too - jquery first, then libraries that need jQuery listed after that, for example
Jordy
@JordyDew
@fortMaximus Could you try again? Normally, I changed the Bootstrap link. If not, then is there a relly strange problem here!
Adam Simonini
@adamsimonini
@SkyCoder01 thanks for the help this far! I'm already regaining some of the styling I was missing :)
CamperBot
@camperbot
collabitron sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 871 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
No problem!
h1tag
@h1tag
@JordyDew yes, the Bootstrap link is ok now
Jordy
@JordyDew
@fortMaximus So, it all looks good now?
Lennie Lenford
@drgs100
Anyone else get stuck bringing JSON into Codepen? I'm working on the Random Quote Machine.
h1tag
@h1tag
@JordyDew you're nesting a row inside a row, I don't think this is necessary and it will not achieve the centering effect that you're trying to achieve
I am not sure, I'll take a look at it later
gulptech
@gulptech
@JordyDew look at the jumbotron
Jordy
@JordyDew
@gulptech what is that?
gulptech
@gulptech
check on the bootstrap website
Gulsvi
@gulsvi
@drgs100 Check your browser's debug console for errors, usually Ctrl+Shift+J. JSON requests work great with codepen, as long as the API you're calling supports cross origin requests.
Isan Bothra
@isanbothra
hello
Jordy
@JordyDew
@gulptech I looked it up, but one question left: what are the advantages?
gulptech
@gulptech
style it can look much better
h1tag
@h1tag
@JordyDew "A jumbotron indicates a big box for calling extra attention to some special content or information." from w3schools website
Jordy
@JordyDew
@fortMaximus and @gulptech Yes, I also found that! I added a jumbotron; does it look fine? And I removed the nested row divs... Is it okay?
h1tag
@h1tag
@JordyDew I'll be right back
in 10 mins
Jordy
@JordyDew
@fortMaximus Ok, to then.
h1tag
@h1tag
@JordyDew OK, it looks better now :+1:
@JordyDew Do you have an image in your mind or an outline in your mind of how it should look like?
Simon Miller
@simonmillerr
Why is nothing coming through my console.log?!Can anyone help me.
Gulsvi
@gulsvi
@simonmillerr Check your debug console - you'll see the error
DmitriiVacula
@DmitriiVacula
Can someone tell me please how to set the background-image for this website(http://dmitriivacula.uphero.com/days/day8/animalsounds.html), the code is here http://codepen.io/DmitriiVacula/pen/mWQQVV?editors=1100.
Simon Miller
@simonmillerr
ok ill try @SkyCoder01
thanks @SkyCoder01
CamperBot
@camperbot
simonmillerr sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 873 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
@simonmillerr If you're on windows/linux, it's Ctrl+Shift+J
Simon Miller
@simonmillerr
what about mac
I know mac sux
btw
Gulsvi
@gulsvi
@simonmillerr On Mac, I'm not sure - maybe you can right-click the page, choose "inspect" and then find something like "console" after that.
Google will know better than me :)