Fit/stretch content/background to full page height when printing
Stack Overflow | css
by kemal achmad
33m ago
I wanted to add some watermarks to my pages. Following this post, I'm able to add a background image to each of the pages. The code is as such. $('.print').on('click', function () { setTimeout(function(){ window.print(); }, 1000); }) .content { position: relative; margin: 0; } @media print { .content:before { content: ""; position: absolute; z-index: 1; inset: 0; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 60"><text x="0" y="25" fill="%23000">LORE</text></svg>') 0 ..read more
Visit website
How to position divs within an img element so when user scales window, they move with the image?
Stack Overflow | css
by isabelgrace756
33m ago
I'm trying to make a way to position divs as buttons on this television (img element with videos underneath it) so that when the user changes the size of their browser window, the buttons move with the television element and don't just move in their own weird scaled way. The buttons are highlighted in pink. Generally, positioning elements for the event of different window sizes has been a pain so any help would be appreciated! Thanks! <img src="../assets/tvFrame.png" id="frame"> <div> <video src="../assets/stableBars.mp4" autoplay muted loop id="videoInFrame" height="450px" wid ..read more
Visit website
A h2 title overlaps with the text under it when the h2 title wrap
Stack Overflow | css
by Sebastián Martínez
33m ago
How it looks when title isn't wrapping(all good) When the screen is thinner and the title wraps As you can see it clashes with the h3 title ("S2") I am quite new to coding, currently learning. There should be a way to make the h3 maintain distance related to the lower part of the text above instead of staying the same distance in relation to the original margin. I could just create a mediaquery for that screen width but I feel like there should a better solution. Here is the relevant html snippet: <h1>Las 8 Funciones</h1> <div > <section > ..read more
Visit website
How can i make an infinity card slider [closed]
Stack Overflow | css
by ahmed aboshady
33m ago
i want to move it by previos and next icons and move it by mouse too............... i try to use chat gpt but it doesn't give me a good answer............ chat gpt don't handel the mouse move correctly .............. i want an example to understand the code or give me a comment if you can ..read more
Visit website
How to increase the size of the Stripe Payment container and not lose quality
Stack Overflow | css
by Sam
33m ago
original css after applying width property my intended goal but better quality (it doesnt show it but the quality was horrible) How can I increase the container size, while keeping the same ratio and not losing quality. So, my orginal css made the container really small in the mobile web-viewpoint, but when I tried to increase the width of the container, all it did was add some blank space in between, making it difficult to see anything (the font size was really small). So the next thing I did was use the scale() property and margin-top, and that worked but the quality was incredibly low (li ..read more
Visit website
How to add/position shape and image inside a modal?
Stack Overflow | css
by karmstr7
33m ago
I'm trying to replicate what's shown in this picture using Tailwind, and I'm not sure exactly how to position the quadrant circle in the bottom right and the image on top of it. This is a modal element. I whitened out the other content in the modal so I'm only showing the quadrant circle and the picture. You can see the code below for more detail. This is the code so far: <div > <div > <div role="dialog" aria-modal="true" > <div > <div > <h1 >Category</h1> <div >X</div> < ..read more
Visit website
Applying WooCommerce Discount Code Removes Customer Data - How to prevent
Stack Overflow | css
by eMikkelsen
33m ago
I have made some adjustments to my WooCommerce checkout (code that places the discount code elsewhere). It's working but when this code is added and a customer applies a discount code it removes all the information the customer has already filled out, so that they need to write their name, address, email and phone again. How do I adjust this code to prevent the data being removed, forcing the customer to enter it twice? /* * Removing default "Coupon form" from the top of the checkout page */ remove_action( 'woocommerce_before_checkout_form', 'woocommerce_checkout_coupon_form', 10 ..read more
Visit website
How to Make Background Image Responsive with CSS?
Stack Overflow | css
by Exploring_lee
33m ago
I'm working on an FAQ section for my webpage, but I'm having trouble making it responsive. The content isn't adjusting well on different screen sizes. html { height: 100vh; width: 100vw; } body { height: 100%; width: 100%; overflow: hidden; background-image: url('https://wallpapers.com/images/featured/1920-x-1080-night-city-y13hx1qucv0ztepv.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; justify-content: center; align-items: center; } h2 { text-align: center; font-weight: 600; font-family: system-ui, -ap ..read more
Visit website
Product assigned to a different user [closed]
Stack Overflow | css
by Comex
33m ago
I am working on a Laravel project in which I have created a different dashboard for the admin and a different one for the user. I want to make the user's dashboard display the products assigned to him, that is user1 can see the product box user2 can see the product ball, but neither user can see what product the other user has but only the admin. How can I manage to achieve the above in Laravel ..read more
Visit website
I need some help please to make 3d carousel responsive on mobile
Stack Overflow | css
by Ahmed88
33m ago
Hi I'm having an issue to make 3d carousel responsive on mobile I tried adding img-fluid class using Hi bootstrap but it messes my web view here is the code Hi I need some help making 3d carousel responsive on mobile, i tried everything but it doesnt seem to work I tried bootstrap img-fluid class but it messes up web view, any thoughts or suggestions thank you so much. below is css code in html <style> div#carousel { perspective: 1200px; background: black; padding-top: 10%; font-size:0; margin-bottom: 3rem; overflow: hidden; } figure#spinner ..read more
Visit website

Follow Stack Overflow | css on FeedSpot

Continue with Google
Continue with Apple
OR