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
Firstly here's the link
When I click on the carousel's main panel there is a mysterious blue line appearing, it disappears after few seconds. I tried setting the outline to none but it did not work. The style codes from this pices of code which is bootstrap 3's default code:
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
Any help would be appreciated.
Add text-decoration:none to that a:focus rule (or create your own, correctly placed in your stylesheet) and you should be fine. Worked in dev tools.
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 3 years ago.
Improve this question
I want to change color of sub menu in dropdown. Now it is white. When I change through customization both main and sub menu color changes. I only want to change sub menu color. How can I do that? My website is:
https://openwatersmarine.com.au
I used this CSS but it does not worked:
.primary-menu-ul .sub-menu{
color: blue;
}
This is a wordpress website.
I have tried this and it worked for me.
.row .primary-menu-ul .sub-menu li a{
color: blue;
}
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 can't seem to find how to change the text-color from black to white whenever I hover over the schedule over here http://apavtcongresso.staging.wpengine.com/
Scroll down to "PROGRAMA" and you'll find the schedule, it has a couple of tabs named "Day - 01, Day - 02" etc, inside there's black text that I wish to change to white whenever I hover over the tabs. I've already changed the :active color but I can't find the right classes to customize the css of hover, any help please?
Thanks.
.your-div-class:hover, .your-div-class:focus {
color: #fff;
}
side note: check in your code that .your-div-class or any class associated to its inner text hasn't a color assigned with !important, in that case either remove the !important or assign it to the hover too.
EDIT: try this:
.schedule-layout2 .schedule-nav li:hover .day-number {
color: #fff !important;
}
.schedule-layout2 .schedule-nav li:hover .schedule-date {
color: #fff !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 am having an issue with CSS, on Windows and Linux it is OK, I get this
but in MAC, this what I get
as you can see, the cards with that red sign in the middle are not align.
the cards has a class, and here the CSS
.busterCards {
border: 1px solid rgba(100, 100, 100, .6);
background: white;
margin-left: 1px;
padding: 1px;
}
the red sign is just a unicode sign
which should be the problem here ?
The unicode sign is obviously displayed with a different font, and thereby a liitle different size/spacing. Try use find a webfont that contains this sign and use that one.
edit: or use an image - that's safer, positionwise
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
Take a look at the following page:
https://www.wholesaleledlights.co.uk/dimmable-b22-6w-omni-led-clear-globe.html
The large product specification table displays perfectly well in firefox and ie, but is missing it's top border when I view it in chrome.
I'd be very interested to know why..
table {
/* border-collapse: collapse; */
border-spacing: 0;
}
change the style of table in style.css line no 788
Not sure why this should happen if you're using the -webkit- prefix in your
<table class="data-table"....>
But a quick fix would be to add a border-bottom: 1px solid #c0c0c0 attribute to your H2 titled Specification Table
Tried in Firefox, worked great.
Hope this helps,
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 use visual composer in Wordpress and both when I make the image here rounded, either with Visual composer or directly with CSS it still does not become rounded in the corners.
Link: http://hope.ly/13Aaqw8
Does anyone have any ideas ? Suggestions ?
You can set border radius on the parent wrapper:
.wpb_column > .wpb_wrapper *:last-child {
margin-bottom: 0;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
But this will depend on the cropping of the image inside this wrapper.
It looks ok to me when I edited it directly in the chrome inspector. but you should post your own code really to see what you have tried.