CSS Solutions
I am trying to change the size of some text but changing the size in the style sheet doesn't make an effect?
Firstly have you got your specificity correct? That's the cascading of styles within the style sheet and if styles conflict, the font size or any other kind of style your trying to introduce will not impact.
If you find these specificities too much, mark the style as important in the style sheet which will then make it added weight and over-ride other rules.
Example:
p { font-size: 80% !important; }
My layout has got very confusing, is there anything to help instead of changing background colours to all the elements?
Use the asterisk (star or *) to hook all elements and add a solid border style to help you differentiate the layout elements.
Example:
* { border: 1px solid red; }
