I have a button: <button class="btn btn-animated btn-default ban-user-btn" id="btn-ban-username" // the username is generated by twig data-nick="username" // the username is generated by twig data-toggle="modal" data-target="#statusModal" > Ban user <i class="fa fa-ban"></i> </button> I need to change the button…
I am trying to merge JS files together in 1 file, however I need to set conditions using the if statements within the js file. I have created file.js.liquid but it does not seem to working; I added a test…
After I added the bootstrap portfolio grid template I have difficulty centering the text in my footer. Width is already 100% and the text is aligned center as well in the CSS. Does anyone know what I'm doing wrong in…
I got two checkbox which is working fine, but I face some CSS issues: I made three screenshot of what I'm seeing (One in mozilla firefox 50.1.0, one in google chrome 55.0.2883.87 and one in Microsoft Edge 38.14393.0.0): Firefox: Chrome:…
How can I use the same height in row that keeps the site responsive? For example I have two x_panel with rows and columns inside but the height is different, i tried use display flex, but it change inside columns...…
I'm using SVG payment icons in the footer of my website. However, I want to inline them. I tried playing with the CSS but still nothing is happening. Currently, the icons are displayed as a list. How can I inline…
I have a few sections and the most popular one stands out [![enter image description here][1]][1] <div class="plan popular"> <div class="price"> <span class="amount" data-dollar-amount="79">Expert</span><br> <span class="dollar">$</span> <span class="amount" data-dollar-amount="79">79</span> <span class="slash">/</span> <span class="month">mo</span> </div> <p class="pop-plan">Most Popular Plan</p> <span>Track <b><font…
I want to divide the screen into six part with bootstrap like the shape below
What I'm trying to do is to center the text (and image that will be side by side or on top of the text) but the command justify-content:center doesn't work for me. It centers horizontally but not vertically. Could you…
Broken Spacing I've got some bootstrap code that produces the image above: .top-buffer-sma { margin-top: 22px; } .top-buffer-med { margin-top: 33px; } .top-buffer-big { margin-top: 50px; } .img-responsive { margin: 0 auto; } .btn { height: auto; width: auto; background-color:…