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,
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 2 years ago.
Improve this question
I need to remove the navbar in my Hestia Theme.
I tried .navbar {display:none;} and when I use it the top bar gets white and I need to remove it.
Could you help me with this problem, please?
Kind regards
As it showed in the piture
In Wordpress sites the main tag has a margin at the top. This is causing the white bar above the page after you removed the navigation. You can "deactivate" this with:
.main, main {
margin-top: 0 !important;
}
Edit: I have checked out your site and have found the reason. There is some top padding defined by inline CSS at the article tag, that's get added by some JavaScript, but I cannot tell you why.
But you can still turn it of with:
.elementor-page .pagebuilder-section {
padding: 0 !important;
}
This CSS rule is an extended rule already applied by Elementor, buts get overwritten by this inline CSS. I just added the !important to fix it:
If that was helpful and you used this answer to solve your problem, it would be nice if you mark this answer as accepted. If this answer doesn't work or you have other questions, please response with a comment.
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 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.
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.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Improve this question
I've managed to get this working correctly in IE (annoying), but the solutions I manage to get working cause some odd issues in Chrome and Firefox. I can't seem to get a set height/padding that works across all the browsers for the handle.
http://plnkr.co/edit/xqYBnz5BHLP844kXJXKs?p=preview
The height of the red, green and gray boxes should all be the same. Right now they are in IE, but not in Chrome/Firefox.
The problem is arising from several inconsistencies between the attributes of the red/green boxes compared to the gray.
I've been able to make the gray box the same height by changing the following attributes:
.stSlide > .stHandle { /* Gray box container */
padding: 4px 1px; /* old style: padding: 1px 1px 3px 0; */
font-size: 11px; /* old style: font-size: 12px; */
line-height: 18px; /* old style: line-height: 22px; */
}