Stack Overflow
Stack Overflow

Questions tagged [w3-css]

W3.CSS is a CSS framework with built-in responsiveness made by w3schools. It supports responsive mobile first design by default.

Links

Official website

29 questions
5
votes
2 answers

Better CSS for Run-in Headings

Edit 3/18/22: I recently checked several Terms of Use and similar documents and found run-in headings are frequent in this type of document but always incorrectly formatted as rather than as headings, so this issue appears to be much…
iZann
  • 53
  • 7
3
votes
3 answers

How do I center a list of text and then justify it in a w3.css column

I can't find a way to both center the contact details and justify it so the icons all line up. It is easier to see what i mean in fullscreen.
Zac
  • 215
  • 1
  • 2
  • 14
2
votes
1 answer

Unable to use external css stylesheet in angular 9 project

I'm new to angular and was trying to implement something with W3 CSS. I was trying to add this css to my project. Below are the steps I have followed Ran npm install --save w3-css in my project directory Added node_modules/w3-css/w3.css in…
sadique urf arbaz
  • 265
  • 4
  • 15
2
votes
0 answers

How do i link my navigation page from sub folders properly

I have tried linking my navigation page but it's not working... The codes are right I guess. I used the link But if i remove the page from the sub folder it will link properly. Help pls
Skidohbah
  • 21
  • 2
1
vote
3 answers

Unable to apply css to input field using JS on checkbox checked

I'm trying to apply the css('color','red') on input field with id "pred" when checkbox is checked. Currently code is successfully disabling the input field when checked but for some reason I'm unable to figure out how to apply styling in same…
ikiK
  • 6,328
  • 4
  • 20
  • 40
1
vote
3 answers

How to fix the alignment issue of posts in this wordpress theme

I am using w3school's w3css for this website and I have used the w3-col l6 m6 s12 for displaying the posts. It simply means that it will show 2 post side by side on large screen, same for the medium side display and only one covering all the 12…
Takshak Rajput
  • 119
  • 1
  • 14
0
votes
1 answer

Cannot horizontally center a div element within a div element

I'm developing a layout, and in this layout there are four div elements yellow, green, blue, gray. I want to horizontally center the green div within the yellow div. Tried "margin: auto;" and other css ways, also w3-css ways as well. But I can't…
Tharindu Madhawa
  • 9
  • 2
0
votes
1 answer

Select list text position changes on clicking anywhere on the page or browser resize

I have a select input field on my page. When I reload the page, the text "Player" is aligned like I wanted. But as soon as I click anything on the page or resize the browser window, the text slides down a little bit. How can I fix this? SEE IMAGE I…
Tanktier
  • 3
  • 2
0
votes
1 answer

How to make the text section in the center of a w3-col?

using w3css, cannot make "Wish you a happy day" in the center of the sand-colored section yet. W3.CSS Template
user3552178
  • 2,719
  • 8
  • 40
  • 67
0
votes
1 answer

change div width when sidebar is hidden... with javascript

hey I am writing a little website and I am using w3css that I find very simple and nice. I have the body with max-width:100%;; a sidebar class="w3-hide-small" with width: 15%; and a main with margin-left:15%; width:85%; But when the sidebar is…
Andrea
  • 19
  • 5
0
votes
0 answers

Is there a way to ask for user coordinates on Chrome for iOS using javascript?

For my website, I want to ask the user for their exact location in the form of "[Website] wants to know your location" popup in javascript, with the block and allow options. It works perfectly fine on Chrome on MacOS, but when I switch to Chrome for…
Kevin Sun
  • 163
  • 2
  • 10
0
votes
1 answer

my javascript queryselectorall does not capture the second class name as intended

I have two images with different classes but I want the same JavaScript to be applied to both. This javascript basically allows for a slideshow by clicking on the button, but this only works for the images with the mySlides class, not the albums…
KSekhar
  • 15
  • 3
0
votes
1 answer

w3-CSS append newline when content width greater than viewport width in div with inline-flex

I'm appending a bunch of boxes with w3-card into this div:
Here's where I append it: myclasses.append([ $('
', {"class": "w3-card button", "onclick":…
Rhea53
  • 87
  • 6
0
votes
1 answer

CSS Validator error = Value Error : background 100% is not a color-stop value )

I am pretty new to programming and I imported a code snippet to my CSS to get a hovering effect over links. When I am pushing the code through W3C CSS Validator I get a single error which is from this imported code. I do not understand what I can do…
Alex
  • 3
  • 1
0
votes
2 answers

Darken the photo beyond the text

I need to darken the photo, but if I do it in the following way, I also darken the text and the button. How can I dim the background without text? Any tips?