Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
  • 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
:star2: 3773 | @khaduch |http://www.freecodecamp.org/khaduch
Ken Haduch
@neovks and @krennical_twitter - you're welcome. Happy to help out!
Ken Haduch

@KWFE - I hope that you can get this file and try it - it's not exactly right, but I think that it might help? What I did was to set up the page (the English version) using the global dir="rtol"and in the Chrome browser, I saw on the question modal that the label and the radio buttons were being mashed together, which kind of looks like what you were seeing in the image that you posted. At least that is what I think it was. So i made a copy of the main.js module from that original project and made some modifications to restructure the HTML for the label and radio button - they don't quite line up but they don't overlap now, at least on the English "rtol" site. The one function that I changed - here is the code:

// Get question info from array, prepare
// make a unique string to add to the ID, for testing
let idU = 0;
function getOptions(question) {
  var $buttonDiv = $('<div id="disabled" class="btn-group" data-toggle="buttons"></div>');
  question.options.forEach(function(opt, idx) {
    var $div = $('<div class="radio2">'); // use a non-existent class "radio2" because "radio" was giving bad styling
    let id = `quest${idx}_${idU}`;
    var $label = $(`<label class="radio-inline" for="${id}">${opt}</label>`);
    var $input = $(`<input type="radio" name="opts" value="${opt}" id="${id}">`);
  return $buttonDiv;

Maybe you could try that in the copy of the site that you are working on? Just replace that function with the text from above. Although I copied the whole file onto pastebin, but I'm not sure if you can get to it? Here is the link: pastebin copy of main.js. But I think that that function is the only thing that I changed, and added that one variable idU to try and see if I could get the label element for attribute to work, but for some reason that isn't working. I don't understand that, but the main thing is to see if you see any better result using that function with the reconfigured HTML code. I hope that it helps?

evening fCC
@DarrenfJ :wave:
thanks @DarrenfJ for the answers yesterday :D
codernewby sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2413 | @darrenfj |http://www.freecodecamp.org/darrenfj
@coderNewby ah no worries brutha..
Ali Abbas
Hi guys can someone help me regarding to twitch TV challenge
Razvan Jackson
Hello Guys!
Can someone help me?
I have multiple divs inline-table, but when one has more content than other all have a margin-top
Matej Bošnjak
link your codepen
maybe someone could help u then :P
@Abbas-000 you as well :) and also what kind of issue you have?
Razvan Jackson
@RazvanJackson Which part of this is the one you are talking about?
Matej Bošnjak
hmm not sure what you mean, it works fine to me
Razvan Jackson
@alpox press generate button
and the last divs


Geschäftsführer (CEO)

phone: +

these ones should have started top
not center
.custom-row div {
    display: inline-table;
    vertical-align: top;
Does the trick
Razvan Jackson
@RazvanJackson np
Ivan Ngundela
hello everyone.. may you please help with my project https://ingundela.github.io/fore/ . how can I add overlay and keep text content bright? when I add overlay it is also affecting the text content
when I add <div class="overlay"></div> (HTML) and this .overlay{
position: absolute;
width: 100%;
height: 100vh;
left: 0;
top: 0;
background-color: rgba(0,0,0,.6);
z-index: 2;
overlay is affecting the text content… please guide me to fix this.Thanks
sorry ingundela, you can't send brownie points to yourself! :sparkles: :sparkles:
Fabien SHAN
@ingundela Where is the overlay?
how to set height for div content 80% https://codepen.io/ahmed-sandouqa/pen/QQPede
Anas Abdennaim
@ahmed-issa-mohd you can use vh unit
@ahmed-issa-mohd 80vh
Anas Abdennaim
@ingundela i think you must place overlay div inside of container carousel-item
@ingundela in the same level with carousel-caption
Ivan Ngundela
@X140hu4 @Aka-Dev I’ve placed the overlay https://github.com/ingundela/fore/blob/master/index.html
Anas Abdennaim

@ingundela <div class="carousel-item active slideo-one">
<div class="container">

<div class="overlay"></div>
<div class="carousel-caption">
<h1 class="wow fadeInLeft" data-wow-delay="0.3s"><span>Your One</span><br> Source Solutions Partner</h1>
<p class="wow fadeInLeft" data-wow-delay="0.9s">Global Sourcing, Procurement & Supplies</p>
<a class="btn btn-primary wow fadeInUp" data-wow-delay="1.9s" href="#" role="button">Products</a>

@ingundela like this
Ivan Ngundela
ingundela sends brownie points to @aka-dev :sparkles: :thumbsup: :sparkles:
:cookie: 311 | @aka-dev |http://www.freecodecamp.org/aka-dev
Anas Abdennaim
@ahmed-issa-mohd set height body to 100vh and class content to 80% that will work
@ahmed-issa-mohd body {height: 100vh} .content{min-height: 80%}
@ingundela you're welcome
how can add a image in freecodepen?
from google drive
Yes, google drive, dropbox, one drive would work
Sweet Coding :)
@ezioda004 :wave: