Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
Good morning,
I need some help removing the whitespace on a hover. The code is as following and i added a screenshot.
div.show_sizes_onhover {
background: rgba(255,255,255,.9);
bottom: -1px;
color: #a1a1a1;
left: 0;
padding: 5px;
position: absolute;
text-align: center;
width: 95%;
z-index: 9999;
I tried to play around with margin/height a bit, but it's not working properly. Thanks in advance.
image
try using
white-space: nowrap;
it should remove the whitespace,
you can also use
white-space: normal;
the difrences are written here
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
my website zaczess.se/v2/
The menu cart, when you open it it gets behind some widgets like the instagram posts and also reviews. I have tried putting z-index on all kinds of divs now but it is not working.
Any tips?This is how it looks like
.elementor-menu-cart__main {
z-index: 500;
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 350px;
section.elementor-section.elementor-top-section.elementor-element.elementor-element-d1db9ee.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
z-index: 0 !important;
}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-b9a071e.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
z-index: 0 !important;
}
This should help. The codes sets the sections below the cart menu
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I am working in HTML and CSS and I am trying to make a button. However, the button has a border that deviates from the website prototype. I have tried Googling around to no prevail.
This is the button.
This is the code I used (CSS)
height: 50px;
width: 132px;
right: 874px;
top: 610px;
background-color: rgba(0,0,0,0);
color: #FFF;
font-family: Noto Sans JP;
font-size: 15px;
border-radius: 5px;
align-content: center;
vertical-align: middle;
outline: none;
}```
Add border: none; to your CSS class/id like this:
.my-btn-class {
border: none;
}
It will remove all of your button borders.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
How to remove white space from the top of this website
I had added
*{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
on my css but still i am getting that white space
Developer tools shows some characters at the beginning of your body tag. Remove them.
You have . (dot) right above in body, remove it
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
I am having some trouble trying to figure out what's happening with my page. As you can see below on the mobile version, it appears right next to the top part of the logo.
My current code for nav (the element in blue) is:
nav {
top: 0;
left: 0;
text-align: center;
font-style: italic;
font-weight: 700;
font-size: 25px;
}
Since it maybe hard to tell just by the picture, you can find the code to this page in https://jsfiddle.net/bg5srnj8/1/
nav > img {
vertical-align: middle;
margin: 0px 25px 10px 25px;
}
you had a 10px margin top in the image.
I hope it works.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I found this wonderful navbar online but I don't find the line in the code to remove the dots.
The current Looking: https://gyazo.com/0531847d45ebfc31d7a15b09b5404c9f
JSFiddle: https://jsfiddle.net/ujzge3sg/
#import url(http://fonts.googleapis.com/css?family=Open+Sans:700);
nav {
display: block;
width: 100%;
}
.navbar {
background: #f96e5b;
width: 100%;
}
.navbar-fixed-top {}
.navbar ul {
margin: 0;
padding: 0;
line-height: 1;
display: block;
zoom: 1;
}
Here's a tutorial of list-style-type, or in your words, those are the black dots.
Just do list-style-type: none; on the li list. It would help if you would learn HTML and CSS before asking a question about it.
Update
After seeing the full HTML and CSS, I saw the 'problem'. There was an after adding squares after every li. To remove the squares, just delete from line 68-78 in the JSFiddle.
Here's an updated version: https://jsfiddle.net/d7Lrartp/