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 want to add border in the select element below using css, im new to web development it would be a great help if you can show me how, thankyou.
To add a 1 pixel solid black border to just the element shown in your screenshot, the following CSS should do the trick:
#menu-item-83 > .submenu {
border: 1px solid black;
}
The # prefix references an element by id. The > specifies that the following element should be a direct child of the preceding matched element. And the . prefix references an element by class name.
This works fine for me:
#menu-primary #menu-item-83 > ul.sub-menu {
border: 1px solid #000;
}
https://jsfiddle.net/ccd7tLxm/
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 7 years ago.
Improve this question
I'm working on an existing project and the textbox has these shadowed edges. Can someone please help me how to remove this effect?
http://postimg.org/image/5ry6evj5p/
Thank you!
You can modify you css with the setting you prefer ..
for twitter-bootstrap 3 the tag element and class involved should be (the value setted are for sample)
.form-control, input {
border-width: 1px;
box-shadow: none;
}
or you can redifine the class and the elemnt stule in you page on with a inline styling
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 http://tpgf7.nicolapps.ch/000555/, when you click the top left button, there is a « Twitter » button in the panel, but it doesn't have the right background-color. This is my CSS :
.social .twitter {
background-color:#55acee;
border: 1px solid #55acee;
}
But this doesn't work. However, the Facebook button works.
Inside /resources/css/tpgwidget.css I've found this:
.social .twitter {
background-color:#55acee;
border: 1px solid #55acee;
}
This is how your .css file looks like, so the special char at the end may be causing your problems. If you remove this char after class name, everything should be displayer properly, nothing else.
There is no twitter class in your stylesheet.Now twitter button accept background color from ".button.active" class.
You should add class ".social .twitter{}" in your stylesheet then you can style twitter button as your needed.Hope this will be work.
.button.active {background: #55acee;color: #fff;}
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 8 years ago.
Improve this question
I have created multiple progress and meter tags with ID assigned to it. Now i want to have different color for this progress tag and meter tag.
Is there a way to change color of these tag using there id ..? I found ways but it chnages color of all the tag at once.
Thanks in advance,
Vishesh.
You can style progress with css:
#New{
color: #0063a6;
border: 1px solid #0063a6;
background: #fff;
}
for the Value:
#New[value]::-webkit-progress-value{
background: #0063a6;
}
Demo: http://jsfiddle.net/bronni/w30xw1ut/2/
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 8 years ago.
Improve this question
On some elements i can use the NTH-child selector, which is an 2nd level element (parent > child)
but in the child ive got a 3rd level element (parent > child > child) which i cant seem to trigger with selectors individually. it only triggers all of them or none.
first of all you should use id only once in html.If you want what you have now you should use class not id.
second of all you only have one innerblock in your block div.so instead of innerblock:nth-child(1) you can use innerblock.
section#top .block .innerblock{
background: #ddd !important;
}
fiddle
UPDATE :
if you want to change .innerblocks seperatly for eatch block.use this css
section#top .block:nth-child(1) .innerblock{
background: #ddd !important;
}
fiddle
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 8 years ago.
Improve this question
I've made this fiddle to demonstrate: http://jsfiddle.net/Trblestrife/9HCCU/1/
Basically I'm applying a black background
#000 to the ID #footer-sec (line 182), however the black background is being applied to the ID #footer-prim.
Confusing!
If someone could give me a hand working out what's happening, if there's something wrong with my semantics or something that'd be great. I'm pretty new to this.
Thanks A
Edit
My styling begins in the CSS column at line 150. Sorry to make it so bulky, but I need a quick fix as this is a pretty simple problem so I just copy & pasted my whole reset sheet rather than adding only relevant styles. Sorry again!
Because you are floating the ul inside #footer-prim and #footer-sec those elements float outside their parent (resp #footer-prim and #footer-sec).
The solution is to let the parent know that there are elements inside it that float, by using the following code:
#footer-prim, #footer-sec {
overflow: auto;
}
Also check the updated Fiddle.
Set float:left. Try this:
#footer-sec {
background-color: #000;
color: #999;
float:left;
}
Demo
You could do it like this:
Adding: display: inline-block;
CSS:
#footer-sec {
background-color: #000;
color: #999;
display: inline-block;
}
DEMO HERE