Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

css

  1. Midori

    HTML & CSS New to CSS

    Hello everyone, Hope everyone is doing good. I'm new to all this and I have a question, I want to know if I can somehow add an image to a button through CSS, is something like that possible? I want to draw a button with a unique and grunge style but I don't know how and don't know if it's...
    • Midori
    • Thread
    • css graphic design icons illustration images website buttons
    • Replies: 3
    • Forum: HTML & CSS
  2. G

    CSS Specific button animation/transition

    Hi, cant figure it out. I'm looking for way (or solution) to do button animation like below:
    • Gunner714
    • Thread
    • button animation css hover html transition
    • Replies: 2
    • Forum: HTML & CSS
  3. L

    CSS How to adjust the spacing in dotted border

    I just want to give an element a dotted/dashed border with each dot/dash being evenly spaced but the first and last dots are way too close. I have tried changing the border thickness but it does not make any difference. I attached a picture and circled the problem area. .currentTurn { outline...
  4. Johna

    JavaScript Chrome extension to edit page HTML and CSS not working

    Ok, so the last question I posted I didn't put the code in the </> thing, so I'm re-asking it here. Hi everyone, I made this extension to view unlimited number of Quora pages without having to sign up by removing the sign up popup. I don't know what I did wrong, but it isn't working. My browser...
    • Johna
    • Thread
    • chome extension css css & javascript google chrome html javascript javascript-code json
    • Replies: 1
    • Forum: JavaScript
  5. Johna

    Chrome extension not working

    Hi everyone, I made this extension to view unlimited number of Quora pages without having to sign up by removing the sign up popup. I don't know what I did wrong, but it isn't working. My browser also doesn't give any errors. Here's the code: manifest.json { "manifest_version": 2, "name"...
    • Johna
    • Thread
    • chome extension css css & javascript google chrome html javascript javascript-code json
    • Replies: 1
    • Forum: Web Development
  6. M

    HTML & CSS CSS| How Can I Make a Space Smaller

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>xxxxxxxx</title> <link rel="stylesheet" type="text/css" href="css\indexstyle.css"> </head> <body> <div class="giris"> xxxxxxxx xxxxxxxx...
  7. 220061

    HTML & CSS styling select with bootstrap

    Hello can someone help me I'm trying to create a select with bootstrap something like this: but my select just won't stop being small on my edit page: this is the code for the edit apparaten picture <div class="form-group row"> <label for="beschikbaar" class="col-sm-3...
  8. R

    HTML & CSS Horizontal Scrolling issues

    Hello, On my site I am developing, I am having a problem with when I open the page in Safari all my images are being squished. Chrome they work great. Also not sure why when I resize on any browser, the images get squished. Also, my intention was to make the images on the homepage links...
  9. 220061

    CSS how do I edit my bootstrap style to remove this line?

    this is my problem I'm using a table from bootstap and it's almost perfect except for the fact that I need it to be a little rounder. so I tried doing that but noticed this line that I want gone how do I do this? I already tried table{ border-bottom-width: 0px; } but that had no successes
  10. supasibs

    CSS How to use different weights for font when importing via google fonts?

    This might seem confusing, but I have imported 2 weights of a font from google fonts, and i want to use each one seperately. For example: @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Lexend+Deca&display=swap'); .Inter700 { font-weight: Inter, sans-serif...
  11. TokyoNerd

    HTML & CSS text-align: center; Tag Isn't Working On an IOS Device

    Listed below is the code that I'm using to build a website. I've gotten this to display the way that I'd like it to on a computer (I'm currently using a Macbook), and when I scale it down and view it as it may look on a smartphone on my computer there are no issues. However, when I try to view...
  12. N

    CSS Hide WIX css

    Hello i am trying to hide css from a wix template. The screenshot below has the div i want to hide highlighted. WIX gives you the option to add custom code to the header by linking style sheets. I can see style sheet in the source code but my custom css isnt overwriting the class. This is...
  13. K

    HTML & CSS Banner Image cropping on desktop, but not on phone? (I don't want image to crop on either)

    .landing-banner{position:top;width: 100%; height:40vh;background-size:cover !important;background-position:center center !important;color:#fff}.landing-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:00%;background-color:rgba(225,23,97,.6)}.landing-banner...
  14. K

    HTML & CSS Trying to do circles joined by lines

    I have this CSS .responsive-circle2 { height: 2px; background-color: #CCCCCC; overflow: visible; position: relative; } .responsive-circle2::before, .responsive-circle2::after, .responsive-circle2 > i { background: #FF0000; width: 15px; height: 15px...
  15. A

    HTML & CSS How can I organize my photo gallery in HTML/CSS?

    Hi! I'm a bit new to coding but I want to create a photo gallery website. It would be a simple website with some pages with photographies from various places. The main issue I've been handling with is the organization of the photographies on the page. I did put the CSS code so that there is...
  16. R

    CSS How do I only show the first element using css

    I want to be able to ONLY show the first "in-conversation-wistia" div element so that the second one with the same class name is hidden. I tried doing this using the below code but didn't work and gets both of the div elements. I used the below code to achieve this but it did not work...
  17. Kaworu

    HTML & CSS How to automatically add space in CSS after buttons?

    Hi. I am making a very simple website. It consists mostly of buttons which are links to other pages on the net. The buttons are top-down oriented. I want to code is CSS in a way that will automatically add space after each button. Sadly, I have completely no idea how to do it other than putting...
  18. D

    CSS CSS and Thrive Theme Mega Menu.

    Hi. Trying this forum because Thrive Theme Support has no fix for a mega menu problem I have and not being a techie it seems that it should be simple. I am learning Thrive Theme for a client who wants to use this Theme. So I've created a mega menu using Thrive Theme. My problem is If I create...
  19. R

    HTML & CSS Hover over text show image where cursor is or simply on the right side of the page in center

    Hello, I am having trouble getting my onmousehover to work for this new site I have been working on and would like some help. I need some help with making the hover images appear where the cursor is or just simply above the rules and on the right side of the page in the center. Also, adjusting...
  20. P

    HTML & CSS Setting window height

    Hi everyone, Please bear with me as this is all very new to me. I am trying to find a way set the minimum height of the browser window that contains my webpage, i.e. to prevent the browser height becoming too small if the user drags the botton of the browser upwards. I would like the browser...

About Us

Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.

Site links

Stay Connected

Back
Top Bottom