I am trying to make a wavy border for a div like the image I attached I have tried to slice it and put it as an image background #section-2{ background-image: url(../images/section-2bg.png); background-repeat: no-repeat; /* Full height */ height: 100%;…
I need help with what is the best way to fully centre the contact form in the middle of the background image no matter what view the contact form is in(desktop, tablet, mobile). I would like for there to be…
Okay, so. I have a slideshow on a page of my website. It's supposed to be in one column of my website. The images conform to the column just fine, but the buttons for "next" and "previous" do not. I…
I have a ul with 3 li's each one contains a checkbox and a its label (Woocommerce shipping methods). How I can set display:none the li's without the checked checkbox? Here is the html where in the specific example I…
Shopify has recently decided to stop supporting SCSS in their themes. I'd like to change all the SCSS files to CSS, but this has become a nightmare due to the presence of liquid syntax contained in them. Here's an example:…
I'm trying to insert some data from an API into a table with bootstrapTable but I'm stuck on "loading.." What's wrong in my code?? Many thanks for your help! <table id="table" data-toggle="table" data-height="460" data-ajax="ajaxRequest" data-search="true" data-side-pagination="server" data-pagination="true"> <thead> <tr> <th…
I'm trying to improve my web performance speed by deferring my CSS and JS. I'm new to Shopify/ Liquid even though I think this a PHP question but I don't know. My code was like this (inside the head tag):…
Is there a CSS ID for the WooCommerce shop page like there is for single-product etc, so that I can easily target CSS for that page only?
I want to achieve this kind of Layout using Css Transform or gradient Background?(see image below). Right now im stuck with it using conic-gradient, i dont know how to put a gradient background on it. see snippet below. run the…
I have a blog page using bootstrap 4 which has left and right sidebars and the main content. On Desktop, It works perfectly fine. But On Mobile phone they stacked in this order:- left-sidebar>content>right-sidebar. What I want is that on…