Change bg color for the mobile version

Hi, it's about this page: https://www.ohvaz.ro/blog/budinca-de-chia-tot-ce-trebuie-sa-stii/ the mobile version. I wanna remove some of the padding so people can have an easier time reading it. Trouble is - I have this grey/pink background color. I'd like to remove it, BUT only for the mobile version and only for the blog. Not for the rest of the website.

I'm a beginner. How can I achieve that with minimal changes? Thank you!

Tenkes•2/20/23, 4:24 PM

Have you heard of media queries? It should do the job

ChrisBarinOP•2/20/23, 5:03 PM

no, I'm not familiar with that @Tenkes

Tenkes•2/20/23, 5:13 PM

you should really look into it, it's base knowledge for making sites responsive (responsive means they look good on all, big and small, devices).

ChrisBarinOP•2/20/23, 5:16 PM

ok. would that help me fix this issue?

ChrisBarinOP•2/20/23, 5:16 PM

I'm looking for a quick fix considering my level and the difficulty of this task

glutonium•2/20/23, 5:17 PM

well since it's a for only mobile u really need media query

glutonium•2/20/23, 5:17 PM

there's no other way around with css

glutonium•2/20/23, 5:17 PM

And it's not that hard

ChrisBarinOP•2/20/23, 5:18 PM

Tenkes•2/20/23, 5:18 PM

absolutely. its for setting styles only on certain devices

ChrisBarinOP•2/20/23, 5:18 PM

I know I have a separate part of my css file for mobile devices

ChrisBarinOP•2/20/23, 5:18 PM

but I can't find how the bg color is defined

ChrisBarinOP•2/20/23, 5:18 PM

I used my inspector like crazy

glutonium•2/20/23, 5:19 PM

CChrisBarin but I can't find how the bg color is defined

glutonium•2/20/23, 5:20 PM

background : ;

is the property u use to define background color

Gglutonium ``` @media only screen and (max-width: 450px) { element { background-color...

Tenkes•2/20/23, 5:20 PM

oh great thanks, it's a struggle writing it I phone

Tenkes•2/20/23, 5:20 PM

that's what I was going to write

TTenkes oh great thanks, it's a struggle writing it I phone 😂

glutonium•2/20/23, 5:20 PM

me too on phone

glutonium•2/20/23, 5:20 PM

and I didn't type
i just copied from internet
changed the width and the text inside

Gglutonium ``` @media only screen and (max-width: 450px) { element { background-color...

glutonium•2/20/23, 5:21 PM

@chrisbarin just put this at the end of your css with the name of the element that's background u want to change in the part and then add the background color u want inside the code where it's writte

ChrisBarinOP•2/20/23, 5:23 PM

oh nice!

ChrisBarinOP•2/20/23, 5:23 PM

thanks

ChrisBarinOP•2/20/23, 5:23 PM

let me try this out

Tenkes•2/20/23, 5:25 PM

but make sure to look more into it, it's really base knowledge for making responsive websites. and you don't have to create separate files for other devices

Tenkes•2/20/23, 5:25 PM

Kevin has few awesome videos on responsiveness

glutonium•2/20/23, 5:25 PM

yup

ChrisBarinOP•2/20/23, 5:27 PM

thanks a lot. I'm a UI designer looking to learn more about dev work

ChrisBarinOP•2/20/23, 5:27 PM

I appreciate the patience and the help

ChrisBarinOP•2/20/23, 5:30 PM

Screenshot_2023-02-20_at_19-30-22_Editeaza_teme_Ohvaz_WordPress.png

ChrisBarinOP•2/20/23, 5:30 PM

am I missing something here?

ChrisBarinOP•2/20/23, 5:30 PM

it's not working

ChrisBarinOP•2/20/23, 5:31 PM

even with important it's not picking it up

Tenkes•2/20/23, 5:32 PM

you need to specify element(s) you are targeting

Gglutonium ``` @media only screen and (max-width: 450px) { element { background-color...

Tenkes•2/20/23, 5:32 PM

take one more look at this

Tenkes•2/20/23, 5:33 PM

you need element you want to style instead of

ChrisBarinOP•2/20/23, 5:33 PM

sure, but in my case, what would that be?

ChrisBarinOP•2/20/23, 5:33 PM

it seems like .container isn't the right one

ChrisBarinOP•2/20/23, 5:33 PM

it messes up a lot of things

ChrisBarinOP•2/20/23, 5:34 PM

ooh I think it's body .site-content

ChrisBarinOP•2/20/23, 5:34 PM

one moment..

Tenkes•2/20/23, 5:34 PM

can't tell since I can't see your html

ChrisBarinOP•2/20/23, 5:34 PM

yay, I managed!

ChrisBarinOP•2/20/23, 5:34 PM

I typically have a hard time with very broad elements. specific ones are easy with inspector

Tenkes•2/20/23, 5:35 PM

nice! glad it worked :)