CSS for different images in all devices with container and media queries

[braisremeseiro]

Hi,

I have the following code:

http://codepen.io/anon/pen/mJaegw

And I am trying to adapt the images for different devices.

What should I do?.

[Paulie_D]

What should I do?.

Firstly, please don’t dump raw code like that it takes up way to much space, make a codepen demo (even if it’s just CSS).

I’ve done that for you and provided a link for those who want to take a look at it.

Next…it would be helpful if you could clarify what “And I am trying to adapt the images for different devices.” means…especially as the CSS doesn’t reference images at all.

Adapt how…and why.

[braisremeseiro]

Thanks for reply.

I have three background images that belong to different sections of the website:

luscoefusco13.es

I have the problem to see completely the background images in different devices such as mobiles, tablets and computer (max. 1900 X 1080). I downloaded the template and now I have troubles to edit it. Please, Do you need more descriptions?.

This is the whole .css code:

http://codepen.io/anon/pen/bdOEbK

[Paulie_D]

You might want to look into some of Chris’ articles..I’m fairly sure he had one on perfect full screen images.

Search this site.

[braisremeseiro]

And How about change the color to the fields of the form to white?:

http://codepen.io/anon/pen/jPXqbb

[Paulie_D]

You Codepen doesn’t seem complete.

[braisremeseiro]

Sorry…

http://codepen.io/anon/pen/rVoeyz

[braisremeseiro]

Has it solution?.

[Paulie_D]

Has it solution?.

Patience dude!

From the code you supplied it looks like a div with this styling.

.box {
    background: #cf6b68;
    color: #ffffff;
    padding: 2em;
}

So that color is showing through. Have you tried applying a background color to the textarea or input elements?

It looks like the defauly styling is turning it off

    background: none;

[braisremeseiro]

I tried to change without a good result. The color I want to change is the #a1b8b1. I put #ffffff in the background: none; and it does not seems good. When you have a little time, please Can you help me?.

Many thanks.

[braisremeseiro]

Hey, Did you find the solution?.

[Paulie_D]

Nope…but then I wasn’t looking, I have to sleep sometime.

I suggest you start checking your code with the developer tools that come with your browser so that you can understand what is happening and why.

[braisremeseiro]

Hey Paulie,

This code was posted in another website to obtain different images for devices.

http://codepen.io/anon/pen/GJPEXW

Can you help me?.

[braisremeseiro]

I offer 15$ if you solve my problem.

[braisremeseiro]

Paulie, I have two index files, one in html and other in php. The php is that I want to use…Can you help me because it uses first the html?.

[Author]

Posts