Thinning down the CSS

[paaljoachim]

Hey

Downloading any Child theme it contains a lot of CSS.

In relation to the amount of CSS I will just adjust a small part.
What can be deleted in a safe way without having it bite me in the behind at a later stage?

I use Insepect Element to make temp adjustments and then go into the CSS stylesheet to change the CSS.

Any good advice on this matter?

Have a great day!

---

I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com

[Erik D. Slater]

I think you are creating more work for yourself there.

You are using a lot more CSS than you realize. You will likely get a bigger "bite in the behind" if you start to pare down things down at this point 🙂

My advice is to leave it alone 🙂

---

Erik D. Slater: Digital Platform Consultant • LinkedIn

[paaljoachim]

Kinda thought so....
I just do not like having such a long file. Scrolling up and down or searching in the file in relation to what I need to change.
I have earlier split it up into smaller CSS files but have lately just left it alone.

---

I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com

[Gandt]

Paaljoachim

The 'proper' way to go about this goes hand in hand with your code-editor.
Most decent code editors allow you to collapse blocks of code, which makesmoving around much easier.
What code/text-editor are you using?

G

[paaljoachim]

Hey Gandt

Thanks for the reminder!
I spent a feature request to MacRabbit makers of Espresso.
http://macrabbit.com/espresso/

As Espresso have a limited collapsing of code. It would be nice to select the section of code that I want to collapse and then just hide it.

---

I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com

[Gandt]

Paaljoachim

I then suggest you give sublime text a try. They do allow you to select+collapse text. Even dreamweaver does it too. I was unable to google an equivalent function for Espresso.

G

[paaljoachim]

Thanks Gandt!

---

I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com

[tussle]

If your issue is filtering through a lot of code you might want to use a plugin like this ( if much of your code is only for specific pages).

https://wordpress.org/plugins/page-specific-stylesheets/

You can also use a custom css add on for changes - so it's like having 2 stylesheets - you only refer to the one you need.

[paaljoachim]

Hey Tussle

That is Interesting I will need to check more into this.

Much of the stylesheet code is generel though but it is interesting knowing about this plugin.

---

I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com

[Author]

Posts