Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

css

  1. M

    flex-wrap not working on Squarespace site

    This code was working for the last year until it wasn't a few days ago. I hadn't changed anything on my site and I can't get it to work again. I want the products on my website to be in rows/columns of 2 while on mobile. Currently they are all pushed to the left. I can't figure out why it isn't...
  2. P

    :hover fails to display Tooltip

    I am tasked with displaying Tooltips, my absolute first time in my xx years of programming, and I am unable to display them using "hover". Though the cursor changes as expected, the tooltip remains hidden upon hovering. I honestly don't know why. This is mainly for MS Edge though should, in...
  3. L

    Styling an HTML site with CSS without changing the code

    Hi! I need help with a school assignment. The assignment is to style a website with at least two images, and making it easier to read without changing the HTML. We have received a code but we may only link to our own CSS file and therefore make no other changes inside the HTML code. I am very...
  4. C

    How to Prevent Child Transparent Background from Mixing with the Parent Transparent Background

    I have a container which has a transparent background set with rgba(), within this container, there is a div element that also has its background with the same alpha as the parent but different RGB. The problem I have is that the parent container is visible underneath the child container, which...
  5. B

    Moving UL to right side of page

    So this is my page as it stands now ( I know it's silly, it's just for practice): I want to move the Related menu in the top right corner to the side of the article so it's next to the aqua boxes, with the menu items running down the right side of the page. How can I do this? Any help would...
  6. S

    Web animations | A few questions?

    Hi, I need help for a project, where states are to be mapped graphically, see the picture in the attachment. It is about the fact that when states and variables in javascript change, this should be displayed graphically. Until now I have done it so that there is a picture for all possible...
  7. sonnystupid

    Z-Index not working

    here's the navbar's original home not going away, the dark brown bar is what i need help removing image of my problem, you can see the white line is the drop-down content hiding, and the navbar itself is sticky, however the drop-down isn't showing. So i'm trying to get a navbar to stick out over...
  8. proompter

    CSS CSS Grids Tutorial

    Hey guys, I've just created a new channel where I'm going to cover Full Stack related topics extensively, including CSS. Content isn't being monitized at the time of posting this so this is 100% free, hopefully you will learn a thing or two :) If you can like, comment, share and subscribe I'd...
  9. P

    Need help for applying simple font-style

    I've used some google fonts, let me show you some <link rel="stylesheet" href="style.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link...
  10. U

    HTML & CSS Solution for my hover "reveal" buttons on mobile?

    Hi Everyone :) I have a set of buttons which flip over when hovered to reveal the link. Unfortunately I didn't realise they're useless on touch devices. Ideally I would like mobile/touch the user to be able to tap the button and reveal the link (the first tap emulating the "hover" function) -...
  11. J

    CSS Arrow Changing on Mobile

    Hi, I'm hoping someone can point out what I might have wrong in my CSS, or whether this is the only way it'll work using the following code. I wanted to use an arrow, which works fine on desktop (first image). However, when viewing mobile the arrow changes to a rather ugly version of an arrow...
  12. malusuda

    Help with padding

    <!DOCTYPE html> <html> <head> <style> .cart { background-color: rgb(255, 216, 20); padding-left: 20; padding-right: 20; padding-top: 5px; padding-bottom: 5px; border-radius: 12.5px; transition: 0.15s; border: none; } .cart:hover { background-color:goldenrod; } </style> </head>...
  13. H

    Hello.A Layout problem

    I cannot figure out what I wrote wrong when I made a mistake. The content doesn't have max-width 100% and goes beyond the borders. All layouts are not working as intended. If someone can help I will be grateful.
  14. D

    Answered Need help with cool button effect

    Hello all, I am attempting to create this button on Squarespace using CSS. The thing I can't figure out is how to create that off-set outline. I was thinking box-shadow, but there's no way to outline a shadow, as far as I know. Thanks in advance! Julia
  15. H

    Sass class with class specification using BEM

    Hello there! What I am going to ask is probably very easy, but I did not manage to get it even after so much search. This is the HTML: <form class='form-component'> <div class='form-component__row'></div> <div class='form-component__row...
  16. D

    JavaScript I'm trying to make a web extension that reverts youtube to an old layout, but i barely know anything about js or css

    so im trying to make a web extension that changes the current youtube layout to an old version that i plan on completely writing from scratch im trying to change the background but i think im doing it wrong this is my manifest script { "manifest_version": 3, "name"...
  17. T

    HTML & CSS jQuery Generated Variable Not Passing to CSS Keyframe Animation on Safari

    I have a CSS keyframe animation that uses a CSS variable as one of the animation properties. This variable is defined in jQuery. The entire animation seems to work fine in Chrome and Firefox. However, in Safari and on mobile browsers, only the portions of the animation not using the variable...
  18. J

    HTML & CSS Need Help Using Semantic Elements - Refactor Code

    Hi Everyone, I am starting out on learning how to code (the proper way) and I simply am at a total loss or confusion. I need to be able to refactor code using semantic elements in HTML & CSS. I cant figure out where to break each section or where to use its proper semantic element so that its...
  19. N

    JavaScript Grid module conflict with top (sidebar) menu. how to fix?

    Hello friends I hope you are all well. I need a little help from you if you are familiar with CSS, PhP or Javascript. I needed a grid display component for my site, and after searching I found a suitable one and installed it. Now the problem is that after activating the module related to this...
  20. SpongeBOB

    CSS set Child DIV same width and height as parent ?

    Hi everyone, is it possible with CSS only, to set width & height of a child DIV from his parent div --> I got <div id="Flex" style="display:flex;flex-wrap:wrap;justify-content: space-around"> <div id="A"> <div id="B"><img></div> </div> </div> so A is a Flex items and get...
Back
Top Bottom