I have a Shopify product page where I need to set different font colors for the same product description in different sections. In the section below, I need the font to be #333333. <div> <section> <p class="hero-description">{{ product.description }}</p> </section>…
I'm pretty new to web development, and I decided to recreate a few sites without looking at their source for practice (before I design and code them myself). Everything was going well until I added <p> tags inside my divs.…
I have an issue with the bootstrap.min.css and tabs. When I use: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> The format of the page is how I want it however when I switch tabs the contents of the other tabs are not displayed (when…
I have a laravel project with this organisation for my view: view/ ----- layout/ ----- ----- index.blade.php ( the main file where i call, another by extend ) ----- service/ ----- ----- index.blade.php (service page ) ----- about_us/ ----- -----…
I have made a horizontal carousel of videos (and captions) using Twitter Bootstrap 4, the perfect-scrollbar plugin and some custom CSS. My goal is to animate the width of the videos from 0 to 100%, with a smooth transition. I…
I have a Table with a fixed header as below. The problem is that the card elements scroll on top of the fixed header. I have tried increasing z-index of thead and decreasing z-index of the card element. Nothing seems…
I'm trying to build my own social sharing links on blogger but the problem is that data:post.url doesn't retrieve the URL of the current post, it seems like it doesn't work at all. And here's what I'm trying to do…
here is my site https://charles-keally.myshopify.com/ Its been a whole day fixing the parallax image. The last image show parallax in chrome but not in mozilla. Please somebody help me. I'm using debut theme. All I did is just add background-attachment:fixed;…
I'd like to put arrows between these four section boxes as shown in my picture below. Currently I have the below boxes (codepen here) I've added the following html between the boxes, but it does not produce the effect im…
I have a grid view that looks like the following: jQuery(window).resize(function(evt) { jQuery(".grid-content > div > div > .channelImage").height(jQuery(".grid-content > div > div > .channelImage").width()); }); jQuery(function() { jQuery(window).resize(); }); body { background-color: rgba(48, 48, 48, 1); } body>.container {…