I customized my theme and added some CSS padding & margins to the modules and now certain content is too large for its designated space.
Such as the Profile Photo, Photos & Video Viewers. I have attached screen shots for review. I am not sure I can or should increase the width as the default is 982 px from the theme I selected and then modified. Structurally I only changed the padding & margins in modules to 5px on all sides so the content would not rest right up against the walls.
The profile photos are suppose to resize to 175 x 175 but mine are showing up as 183 x 183. checked it with Firebug to prove it.
Any help would be greatly appreciated. Can the Module widths be altered through CSS, what would be the LESS variables?
Thanks in advance! Love this Community!
Just so I know I am not crazy... someone in the Support forum told me that the Profile Photo default is 183 x 183... however here is the text on the Controls Page:
I know its 183 x 183... but the documentation says and the screen on the Ning profile settings states it will resize to 175 x 175 (as shown above with my CUT & PASTE directly from their Setting Controls Panel. Which is a more appropriate size and would fit the module much better.
So there MUST be a bug in the coding... because 183 x 183 is a really odd size and since their own documentation states it SHOULD BE 175 x 175, Ning needs to fix this.
I agree 100%... if this new design studio is supposed to make it easier to use CSS, then they should make it easier not more difficult.
And I would also add, being able to change the width of the modules would be a good idea to implement, thus giving us the ability to use the padding, margins and tables more efficiently.
Hacking is so much fun isn't it?
I think the new Design Studio is great, and they took a big step in the right direction when they released it. It's great that non coders can add photos and they automatically have a padding etc. but it's not optimal that HTML coders have to fly blind when they want to develop an HTML page.