In 4.0 Can I Do Any Of These?

[ckerr4]

If not, could these be added for 4.1? How can I easily mod .css? I did these mods in the older version, but don’t have the stomach to mess around with it again.

Here’s my page:

http://packultimate.com/?page_id=119

In Explorer / Chrome / Firefox I have following questions:

1. Can I eliminate the white vertical lines?

2. Can I eliminate the white border around the pictures?

3. On a phone, the pix become very small — 2 x 2 pixels? Can it be responsive?

4. No matter what I set photo width & height in the roster, it’s square.

If these options all were moved to a configuration page, I’d be set. No .CSS editing or concerns about upgrading to the next version…

Thanks

[Mark]

Hey Charles, thanks for writing.

1. This is coming from your theme’s default table CSS. Requires a simple CSS mod.

2. Try changing the plugin’s stylesheet as follows.

.mstw-tr-table tbody tr td img {
    border: 0;

3. I’m not sure what pix you are referring to. I’m looking at both the gallery and the single player pages on an iPhone 6, and both are fairly responsive. No images go to 2px x 2px. (??)

4. Yeah, this needs fixing. You have to outsmart the code & CSS a bit here. Try adding this to the plugin’s stylesheet:

div.player-tile img {
   width: 200px;
}

Regarding the Settings admin screen versus CSS, I hear you. HOWEVER, I’ve learned there are more customizations to the displays that I could possibly keep up with via settings. In fact, part of the issue with (4) above is that it is a setting. So I’m moving toward only having settings for things that can’t be done in CSS (it’s a code thing, nevermind), and leaving everything else to CSS. It’s just far, far richer than the settings any plugin author can create.

All that said, the CSS changes required going forward should be negligible. As you know, I had to make BIG changes to the data structures in 4.0, so I cleaned up some CSS and settings issues at the same time. I’m sensitive to this issue, but biting the bullet now will make the products much richer as they move forward. A lot is planned, but time is the enemy of us all!

Regards,
-Mark

• This reply was modified 9 years, 1 month ago by Mark.

[ckerr4]

My iPhone 6+ shows the roster gallery looking like this 2×2(?) pixel pixs on the left:

> So I’m moving toward only having settings for things that can’t be done in CSS

Not sure about this — by adding 4-5 different parameters to that page I’d never have to mess with the .css files. And at this point in my coding life I’m OK with that.

Could be a few more parameters could address 90% of your customer needs.

Thanks for your quick response — looks like I’ll be diving back into .CSS editing one more time!

Charles

• This reply was modified 9 years, 1 month ago by ckerr4.

[Mark]

Okay, my bad, you’re talking about the roster tables.

1. I don’t know about small images. Here’s what mine looks like:

So I need to think about this one. (???)

2. Here’s my view of tables. (And many may disagree, that’s fine.) Tables are meant to be tables; that is, each row of data is “linked”, and should be displayed as a row. You want to see the entire row together. Responsive tables that turn a table into a long list of data entries, essentially turning each row into a column because only one data element fits in the space provided, ARE LAME. The responsiveness is not helping the viewer understand the data; in fact, it’s making things worse. So if a table doesn’t fit in the space provided, cut the table down to two columns or something. But then again, the data disappears. So I’m not wasting a huge amount of time on ‘responsive tables’. Maybe you could use the gallery view instead?

3. Re: settings. You must be way better than I am at adding settings. It takes me quite a bit of time to add a setting to the front end, the back end, the shortcode, the page templates, etc, and test it all. I’m not sure that a few more settings will meet 90% of the needs; in fact, I think I’ve met 90% of the needs. Options … (a) this is open source, so you could add settings you need and contribute them back to the plugin. (b) you could pay someone to add the few you need to the code.

Regards,
-Mark

[ckerr4]

Is that a real iPhone 6 w/ Safari or an emulator? My pixs in both Safari and Chrome much smaller. Yours look fine. Also, you’ve got even more bonus lines on the grid than mine has…

I hear what you’re saying about flexibility of modifying the .css directly, but I haven’t done real website design / programming for years, and now I mess with this once a year at most. If I was paid to build websites for folks, that would be one thing, but just trying to maintain this 1 site…

I may not really be your audience.

Charles

[Mark]

It’s the Chrome emulator. Not perfect, but I can’t buy every phone users ask me about. Maybe with some more Gold Support Members, like another 100,000. 🙂

I have lot’s of users in your boat. They are not pros, just trying to help out a local team or school. Your input is well-taken and I don’t mean to dismiss it. I get it. I’m just trying to give you a realistic picture of my side of the fence. I do the plugins essentially for free and primarily for my sports websites. So in some sense, my audience is me.

Thanks.
-Mark

[ckerr4]

I’m afraid your emulator is letting you down. Here’s a screenshot from a real iPhone 6+ using Chrome — but same thing in Safari.

Dinky pixs and no horizontal cell lines (which is a good thing…).

[Mark]

I just looked on an actual iPhone5s, and while the images are distorted a bit (I’m sure I can fix that with CSS), they certainly don’t shrink like yours are. Can you inspect that element in Chrome and tell me where the height and width are coming from? Are you sure those are the right player photos, not broken link icons? I found lots of CSS tricks for images being too big (not responsive) but none for anything shrinking like you are showing me. Since it basically works on a real iPhone5s and in the iPhone6 emulator, I suspect something else is wrong on your phone and its configuration – IOS, Retina, something. I wish I had an idea of what that might be, but right now I do not. I’ll keep it in the back of my mind as a browse around the web. Maybe you could try a gallery view.

[Author]

Posts