Tag: css

The height of the grid layout is not the same as the height of the content

The preview URL: https://asilklife.myshopify.com/?preview_theme_id=132753031414 The size of the image is 800px x 800px, why the height of the grid’s container is always 6px more. <div class=”grid-wrapper”> <div class=”wrapper-item”> <img src=”https://cdn.shopify.com/s/files/1/0512/8126/4829/files/9.jpg?v=1652633500&#8243; /> </div> <div class=”wrapper-item”> <img src=”https://cdn.shopify.com/s/files/1/0512/8126/4829/files/9.jpg?v=1652633500&#8243; /> </div> <div class=”wrapper-item”> <img src=”https://cdn.shopify.com/s/files/1/0512/8126/4829/files/9.jpg?v=1652633500&#8243; /> </div> <div class=”wrapper-item”> <img src=”https://cdn.shopify.com/s/files/1/0512/8126/4829/files/9.jpg?v=1652633500&#8243; /> </div> </div> <style type=”text/css”> .grid-wrapper {… Read More The height of the grid layout is not the same as the height of the content

MRLeave a comment

CSS And HTML Issue With Image Styles

*Hello, I want to have text below the image like in the example, but I can’t figure out what is wrong, i took the code from W3Schools: https://www.w3schools.com /css/tryit.asp?filename=trycss_ex_images_card Can someone help? Thanks Example Image: https://imgur.com/a/P86DVjW What It Looks Like: https://imgur.com/a/JOXpAJI* “`{ margin: 0; padding: 0; box-sizing: border-box; font-family: ‘Poppins’, sans-serif; } body { background:… Read More CSS And HTML Issue With Image Styles

MRLeave a comment

How to use HTML code present in a string?

I am working on something where I want to use this HTML code that is present in a string variable after passing it to some other function. var foo = "<html><body><div class=’myClass’><div id=’myId’>Hello World!!</div></div></body></html>"; >Solution : You can use cheerio.js in this case. var cheerio = require(‘cheerio’); var foo = "<html><body><div class=’myClass’><div id=’myId’>Hello World!!</div></div></body></html>" const… Read More How to use HTML code present in a string?

MRLeave a comment

Keep selected theme on page refresh using HTML, CSS and JavaScript

I would like to keep the selected theme when refreshing the page as well as across all other pages. I’ve seen other examples but I don’t know how to implement it in the code as I’m quite newbie. I’ve included the code of the functionality so far. Many thanks in advance. function changeTheme(bgColor, textColor) {… Read More Keep selected theme on page refresh using HTML, CSS and JavaScript

MRLeave a comment

I want to use JS to store website data in a separate .TXT file

On my website I have an error404 page, I want to use Javascript to count how many users view that error and store the number in a seperate text document, how might I go about that? My 404 page is here: http://nebula49dev.rf.gd/error.html My repo is here: https://github.com/IsaiahSloan/nebsite >Solution : If you are haven’t backend server,… Read More I want to use JS to store website data in a separate .TXT file

MRLeave a comment

A button gets out of the div

I have the following navbar – #navbar { width: 100%; position: fixed; height: 50px; z-index: 1 !important; top: 0px; background-color: #20b7c2; } #Name { padding: 0px !important; top: 0px; } .openbtn { background-color: #20b7c2; height: 50px; cursor: pointer; margin-right: 0px; border: 1px white solid; border-radius: 0px; width: 50px !important; padding: 0px; font-size: 25px; } .navbarButtons1… Read More A button gets out of the div

MRLeave a comment