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;}
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 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 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/
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 am using bootstrap framework and am trying to override some of its features. I have it working except one. I am trying to remove the background when a link is clicked. Right now the link is clicked and a grey background is shown behind. The problem also is that the link just goes to the bottom of the same page.
I have been able to remove the issue with the following code, however, doing it this way makes the background not show up on hover (the link remains active when clicked)
.navbar-custom .nav>li>a:hover {
color: #585858;
background-color: #fff;
}
.navbar-custom .nav>li>a:focus {
background-color: transparent;
}
If I understood correctly, you should be able to replace :focus with :active to solve your problem:
.navbar-custom .nav>li>a:active {
background-color: transparent;
}
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;
}
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 can't remove text decoration from my website, precisely on two places: my site title, and on Contact Page.
I tried to do it with classes, I also copied CSS path from Inspect element mode in Opera and transfered it and modified it into wordpress editor.
But nothing happend. Also tried to do it with all <a> tags using a{} in CSS.
Some help would be nice. Thanks in advance guys!
It looks like the text-decoration has been removed, but there is a border-bottom: 1px dotted #333 applied to the site title and the social media icons on the contact page. Are you confusing the two?
If you remove the border-bottom, the dotted line styling goes away.
It is not text decoration what is making your site like this. It is border. Add these lines to your stylesheet (in wordpress editor):
.site-title a {
border: 0;
}
If you also want to remove (under)line from social networks add this:
.drustvenemreze a {
border: 0;
}
You have text-decoration:none set in your CSS for <a> tags, but you also have a border-bottom: 1px dotted #333;
I believe that is what is making it appear that the links you reference still have text-decoration applied. If you get rid of the border-bottom, you should be good.