Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 6 years ago.
Improve this question
I have a list
<ul class="styled-list">
<li>some text</li>
</ul>
and then I have css
.styled-list-arrow li:before {
font-family: 'Material Icons';
font-size: small;
content: "\e315";
margin-left: -1.4em;
width: 1.3em;
}
all works fine but one problem is, that li content is not on same height as li bullet. I don't know where can be a problem.
----------Edit--------------
I need move bullet little bit down
Add this code to the :before pseudo element:
vertical-align: bottom;
Also watch your class names. You have 'styled-list' and 'styled-list-arrow li'
Related
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 4 months ago.
Improve this question
I need to remove all underlines from the all links at once, is this possible?
Here is the template
This should do it for you...
<style> a { text-decoration: none; } </style>
add this to your csss
*{
text-decoration: none;
}
text-decoration:none; a tag in css
text-decoration:none;
I suggest my solution because in this case it only deletes links within the table.
tr td ul li a {
text-decoration: none;
}
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
Hello I am making a dummy promotion page and I am not sure why I have so much
spacing under my h1 tags.
Also for my footer, my li's dont seem to inherit the hover effect?
My li:hover works locally but not when I transfer it over on ftp.
Poking around on your site I found some problems (Chrome inspect is a powerful tool)
In your css/style.css you're setting the hover style on the < li> element, but it's the < a> element you should change the styling of. Change nav li:hover and h1 to this:
nav a:hover {
background: #222; // Looks better
color: #1CDFED;
text-decoration: underline;
}
h1 {
display: inline-block;
margin: 0;
}
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
Is it possible to have and h2 tag with an h1 class?
<h2 class="h1">Test</h2>
i need h2 tag for SEO-related thing but I need the style of h1.
I already tried doing this, but no luck
h2.h1 {
font-size: 18px !important;
font-weight: bold !important;
padding-top: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
Style the h2 tag the same way h1 is styled. Inspect the h1 tag and copy its style. Don't try and incorporate h1 as a class for h2, it's a lot easier to just restyle your tag.
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 7 years ago.
Improve this question
How can I make an image be aligned with 2 lines of text in a li elements?
I have posted a sketch to show more info about the problem.
Just use display:inline-block; and vertical-align:middle on theboth ul and the img tags.
img {
width:50px;
height:50px;
}
img, ul {
display:inline-block;
vertical-align:middle;
}
<img src="" />
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
Try:
li:nth-child(2n){
display: inline;
}
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about programming within the scope defined in the help center.
Closed 9 years ago.
Improve this question
h1 a,
h2 a,
h3 a,
{
color: #ccc !important;
}
this piece of code is not working,it doest override the color I set in A tag.
and I used important already.
how can I override the color in A tag??
header a
{
color:# 000;
}
this code is working though....
Use this:
h1 a,
h2 a,
h3 a
{
color: #ccc !important;
}
You had an extra comma in your code, for your last line.