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
My css
.title {
font-size:20pt;
font-weight:700;
}
My html
<div class="title">Some word</div>
But "Some word" won't style like I put in css (size 20pt, weight 700)
If I style right in the div
<div style="font-size:20pt;font-weight:700">Some word</div>
And it actually style it, but using css it won't style, so what is the problem?
Here is some image
CSS
i.stack.imgur.com/FG9C9.png
index.php link the correct my-app.css directory
i.stack.imgur.com/LaUSj.jpg
Div class "iostitle" like in css
i.stack.imgur.com/jp3oW.jpg
But no style
i.stack.imgur.com/V3n02.png
I have checked your images. I also wondered why the class .iostitle not recognized while the class below it .iosdesc is working correctly.
Maybe you need to force the div selector in front of the class like
div.iostitle {
font-size: 20pt;
font-weight: 700;
margin-bottom: -20px;
}
See if that's help
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 1 year ago.
Improve this question
I have some global CSS applying styles to div like setting the background color based on my color theme, but this doesn't apply to semantic elements like nav, header and main. How can I get semantic elements to inherit styles from div automatically?
Try to add them to styles:
div, nav, header, main {
background-color: white;
// other styles
}
Look here for more info
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
Here is the code
.navbar-brand a:hover {
color: #43cea2 !important;
}
<a class="navbar-brand" href="#about">Cole Caccamise</a>
Have you tried using inline style?
This isn't always the best solution but usually works for me
You could also add a custom class or Id to the element
.navbar-brand a{
color: #43cea2;
}
This means Select any anchor(a) element that is a child of any element with a class name of "navbar-brand".
you need to use-
a.navbar-brand:hover {
color: #43cea2;
}
you can read more here:
https://css-tricks.com/whats-the-difference/
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 downloaded a theme that has font awesome icons on the navbar section. When I try to change the color of that icons it remains the same.
I tried
.fa-home {
color:black;
}
But it doesn't work.
Try to apply the style to the :before element, where the icon is.
.navbarClass li [class^="fa-"]:before,
.navbarClass [class*=" fa-"]:before {
...
color: #COLOR;
}
The problem is with theme, it may have defined the color somewhere in the css file. Search for that and follow the classes of icon so you can find where the color of icon is defined. Or put the css class at the top of the file and add an "!important".
Like:
Color: black !important;
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
In my code I set the text to be red, but it is not working. Can anybody help me with this? JSFiddle: https://jsfiddle.net/uk1u62vf/2/
Thank you!
Add p into
.list-item > .card {
color:red !important;
}
Should look like this
.list-item > .card p{
color:red;
}
you could also replace it with
.content p{
color:red;
}
EDIT: Explanation
You didn't target paragraph element. You have targeted div element with class card which is parent of div with class content which is again parent of paragraph you are trying to target.
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
I'm trying to make a change to the text color on my navbar but it doesn't to work. I'm using bootstrap locally not from cdn.
Here is a screen shot of my code:
Since you want to change the anchor within the navbar-nav wrapper of your navbar class, you should specify that in your css too like this:
.navbar-nav li a {
color:white !important;
}
Demo jsFiddle: http://jsfiddle.net/AndrewL32/65sf2f66/69/
You should override bootstrap using the "!important" keyword..
Example:
.navbar {
color: white !important;
}