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 made a website for one of my clients, and I change the background and font color.
Now on windows xp and smartphones the background changed color to the default color and the fonts remained the same.
The website is simfest.ro
I don't know what to do to make it work on windows xp and smartphones.
The background colour changes when the browser width is less than 1200px wide.
You have specified the background-color for the selector .td-grid-wrap within a media query:
What you need to do is move the background-color property to the non-media-queried selector .td-grid-wrap or perhaps .td-page-wrap.
I've checked the page, it is not a matter of windows xp I suppose, if you make some test about the media querys, you will see that big screens has the body background color set to #000000 but scaling down to smaller resolution, the background of the single row is white.
review your css rules and take a look at all the media queries.
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 1 year ago.
Improve this question
The problems that I have is that
1st. the image will change when I resize the window but the text won't
2nd. when I put the browser window to the side there is a white box
Please help me with this 2. I'm getting annoyed
I was going as the "Free HTML and CSS3 Course" to make you own website by Bring Your Own Laptop.
you did not share your source code. Regarding your problem what you can do:
set padding and margin 0 to the body of your HTML.
set font size in em, or vw of your text.
write your own css media queries to make a responsive website.
We couldn't got any image or code. So it's hard to tell but for 1st problem I think you are setting font-size in px(pixel). Means it will take a fixed amount of screen size. You could try with something else as abir sikder said em or vw or %.
Also I think
box-sizing: border-box; will help
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 the red background.
EDIT: I mistakenly thought the red was css, but it was actually bitmap pixels in the jpeg image being loaded.
Refresh http://splambo.org/ until you get a header image that doesn't cover the entire width, and you'll see a red background color (in Chrome and Firefox, at least). Where is that red color coming from, and how do I change it?
For problems like this, it's best to use your browser's developer tools to inspect an element and look at computed CSS. This will tell you the effective styles that are applied and which stylesheet rules are responsible.
In this case, however, I saw while hovering on the background-image style that the image itself contained the red. If it was not the case, we'd see a background-color style and links to the responsible stylesheets.
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 am using vanila Css and having sucsess on the mobile Firfox broswer but a a problem occuring using Chrome broswer.
Here is the link.
Man i could not fixed. removing the footer which is fixed only partly solves the problem the right blank white
There is a "#footerTxt" element in the "#footer", you may modify it's css. If you remove the 'width' from it, the view is will normalizing (white space will remove from the right side).
You need to change/modify this "#footerTxt width" property.
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 am working on this site:
http://www.aquidneckislanddaycamp.com/AIDC2/index.html
i used a template and got everything functioning pretty well, except that when i size the screen down, anything lower than 1080 pixels, the banner leaves a space in between itself and the menu bar...you can see it when you size the above link down. i have tried writing different things in the media query section...i am not sure how to fix this. i am newer at code and trying to learn. can anyone help? i did not post the css or the html because i know it is easy to see with web developer tools...but i can if anyone would like me to. thank you.
Apply display: block to the img inside your banner container.
Hi if you are using bootstrap please check this link to get the default media queries for different screen sizes Bootstrap Media Queries
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 asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Improve this question
I came across some nice CSS designs that I am trying to replicate on my own site. The problem is, the designs were presented as images...screenshots of the actual page. This means I've been trying to replicate the design in my own CSS.
Here is the problem: the text I am rendering is colored as grayscale (all rgb values are equal) in my CSS, but if I screenshot my page and zoom in, you can see colored pixels throughout the text. The original design does not have those...it is perfectly gray, and thus, looks much more smooth.
Here is the original at regular size (very smooth looking):
And here it is zoomed in (notice that all pixels are grayscale):
Now, here is my attempt at regular size (notice how rough it looks):
And zoomed in (see all the colored pixels):
What on earth in happening here? How can I achieve the smooth look of the original design, without the colored pixels?
The original author might have been using a different system when they took the screen shot. Mac and Windows machines smooth fonts differently. There is a -webkit-font-smoothing property, but I think this will only apply to Safari on Mac in the future.
I often experiment with text-shadow to achieve smoother looking fonts. Results vary depending on how much contrast there is with the text and background.
How To Properly Smooth Font Using CSS3