Removing change to an element based...
I have a bad habit of making changes to an element with the slider set to wide screen; however, I set up my website "mobile first". Is there a way to reset the element back to "all widths" and remove all those changes at wide screen? At this point I either end up deleting and recreating or comparing all attributes and trying to make them the same.
Diana
Diana
In 'Mobile First' I don't think there is any automatic way of transferring to a lower breakpoint adjustments made at a higher breakpoint. There are however a few things that I find helpful regarding this.
1. The updated design of SD V3.5 makes far more clear at which breakpoint one is working.
2. When wanting styles to apply to all breakpoints I try to make a habit of using that setting ('Disable All Breakpoints') in the Toggle Breakpoints menu. That gives the exact same effect as putting the slider left of the lowest breakpoint, but without having to work with a narrow canvas.
3. I sometimes copy and paste to a text file (I use NotePad++) an element's settings as shown in the Element panel 'Your CSS (Read Only)'. That makes it easy to go
(a) to 'Disable All Breakpoints' and know which settings to change there, and then
(b) back to just the higher breakpoint and use the Reset button to delete the styles unnecessarily set at that higher breakpoint.
Please forgive me if the aboove is far too elementary, but I am all too aware of how I sometimes have made things unnecessarily difficult for myself by overlooking what is probably obvious to others.
Frank
1. The updated design of SD V3.5 makes far more clear at which breakpoint one is working.
2. When wanting styles to apply to all breakpoints I try to make a habit of using that setting ('Disable All Breakpoints') in the Toggle Breakpoints menu. That gives the exact same effect as putting the slider left of the lowest breakpoint, but without having to work with a narrow canvas.
3. I sometimes copy and paste to a text file (I use NotePad++) an element's settings as shown in the Element panel 'Your CSS (Read Only)'. That makes it easy to go
(a) to 'Disable All Breakpoints' and know which settings to change there, and then
(b) back to just the higher breakpoint and use the Reset button to delete the styles unnecessarily set at that higher breakpoint.
Please forgive me if the aboove is far too elementary, but I am all too aware of how I sometimes have made things unnecessarily difficult for myself by overlooking what is probably obvious to others.
Frank
DianaH wrote:
I have a bad habit of making changes to an element with the slider set to wide screen; however, I set up my website "mobile first". Is there a way to reset the element back to "all widths" and remove all those changes at wide screen? At this point I either end up deleting and recreating or comparing all attributes and trying to make them the same.
Diana
I have a bad habit of making changes to an element with the slider set to wide screen; however, I set up my website "mobile first". Is there a way to reset the element back to "all widths" and remove all those changes at wide screen? At this point I either end up deleting and recreating or comparing all attributes and trying to make them the same.
Diana
There is a reset all breakpoints / all styles styles " in the section "apply styles" which you can apply at whatever breakpoint you are on, the go down to the lowest breakppoint & start again.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Thank you! It's definitely not too elementary for me. 
I had not noticed the Toggle Breakpoints before. Disabling the breakpoints and using the CSS information seems like a great way to go to avoid the problem. And there IS a reset button! A quick review says I need to do a few trials with it to know exactly what it's doing.
Thanks again!
Diana

I had not noticed the Toggle Breakpoints before. Disabling the breakpoints and using the CSS information seems like a great way to go to avoid the problem. And there IS a reset button! A quick review says I need to do a few trials with it to know exactly what it's doing.
Thanks again!
Diana
You can also select which class to apply the styling to if you have more than one class assigned to an element.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.