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
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
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.
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 is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
For an assignment i have to create a website. I have a homepage where i have a large chunk of text explaining what the business is about etc. Although it is very plain looking. How can I make this plain chunk of text more appealing?
This is my CSS that affects the text.
Body{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
width: 100%;
max-width: 1000px;
letter-spacing: -.5px;
}
It's hard to say without seeing what it looks like currently but you could try playing around with:
Custom fonts with #fontface
(http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp)
Line-height (line-height: 19px)
Letter-spacing (letter-spacing: 0.5px)
Text color (color: #000000)
Text Shadow (text-shadow: 1px 1px 3px #000)
I personally don't like using text-shadow but depending on what you're trying to achieve it may be appropriate.
You could go find a website with text that you find appealing and take a look at their CSS file (press F12 if you're using Chrome). That'll give you an idea of what kinds of fonts, colors, spacing etc. they use.
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; */
}