I am coding a page which is supposed to be fullscreen on mobile. It will be displayed in a shopify store which has margins on the left and right. I want to remove these without touching the container of my…
I am using Magento 2.2.3. In my magneto theme added custom CSS file in the below path: project/app/design/frontend/vendor/theme/web/css/custom.css I added source file in default_head_blocks.XML file. after that added a page with following code in HTML content <div class="freegotest"><span class="tested">count down…
I have the following code (codepen) /******* NO ACCESS ********************/ .container {border: 1px solid green;} .container > div {border: 1px solid red;} .container .header {max-width: 50%;} /**************************************/ .container.reset-header .header {max-width: auto;} <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/> <div class="container"> <div class="col-4 picture">col-4</div> <div…
I am actually facing some problems to get an bootstrap accordion working inside a dropdown menu. I googled a lot and also find some StackOverflow threads here, but they are several years old and depending on bootstrap 3 or bootstrap…
I'm attempting to replicate the experience from the Shopify checkout in my WooCommerce checkout page by animating the labels when the user focuses on a certain input, just like this: I've tried using input:focus ~ label, but it won't work…
I'm trying to change the "continue shopping" link on Shopify's "thank you" page but it doesn't work. I've included the following code to the additional scripts section on checkout page settings. <script> (function() { document.getElementsByClassName("step__footer__continue-btn")[0].href = "https://example.com/newlink"; })(); </script> Unfortunately,…
So I have the following code (which you can see below): JavaScript: var hidWidth; var scrollBarWidths = 40; var widthOfList = function(){ var itemsWidth = 0; $('.list li').each(function(){ var itemWidth = $(this).outerWidth(); itemsWidth+=itemWidth; }); return itemsWidth; }; var widthOfHidden =…
I have some Javascript pulling information from a database for various films, but the layout of the page is dreadful, I want to achieve something similar to the layout in the screenshot below: but this is how it looks right…
I'm trying to change the default font-family in Bootstrap but my changes are ignored. This issue is closed on the repo (https://github.com/twbs/bootstrap/issues/21595) but I still have the problem. > bundle info bootstrap => bootstrap (4.1.3) I have bootstrap-custom.scss: /*! *…
I have an issue with my divs. Whenever I add a border to div, there is some gap inside of divs image. It has 0 margins and 0 padding. Image link: https://imgur.com/a/ojppCWU There is no border gap and outline gap…