Responsive media queries issue

[Milena]

Hi @tjchester, @michael.

I have a weird issue and I am wondering why.

I am putting some css in the special media query, for example –
this code (p.s. that is one of those css that changed the latest updates, that i’ve been telling you about https://www.buddyboss.com/support-forums/topic/slider-not-showing-2/page/2/#post-32059. These changes are hard for those who are using the child theme)

#fwslider .slide_content {
top: 60px;
}

in here MINIMUM width of 1040 pixels (desktops and laptops)

but it effects all the queries. even the mobile ones.

So I find my self looking for code for everyone of them. But that is strange – since I didn’t put the code into the GLOBAL section, but to MINIMUM width of 1040 pixels (desktops and laptops).
And i had this with other codes regarding the header, site padding etc.

what is that?

p.s. I moved my site to a brand new wp install, and there are hardly any plugins there so far.

[Alyssa]

@milena you have this code under the tablet section of your custom.css file:

#fwslider .slide_content {
top: 70px;
}

CSS uses a hierarchical structure. If there is nothing in the media queries it applies to ALL devices. Then if you have a media query that applies then it will be applied, if it has been previously defined then it is overridden. And so on and so on. Just go back and check your previously created code. There appears to be many redundancies in the code and I believe this is the cause of your issues with the latest update.

Hope this helps.

[Milena]

I removed ALL the code from custom css, de-registered the buddyboss-slides.css, registered the new child theme css and edited from there. Now it works.

[Alyssa]

@milena YAY! I’ll keep this open in case an issue arrises again.

[Milena]

Hi @tjchester,

I am back with some isues.

I cleared most of my custom css today, moved and deleted things to be sure that it wasn’t causing the problems.

I still have a few issues I am unable to solve.

add photo button.
Since one of the last updates it is defined as a button, and my buddyboss customizer colors it as a button, and link (which are the same colors). It moved to the right and won’t clear left.
I use inspect element and paste the code to my custom.css, and it doesn’t work.
I attached a photo.

[Alyssa]

@milena add this to custom.css:
#buddyboss-media-add-photo, #buddyboss-media-add-photo-button{float:left;}