Bracket problem

Hi kazuhiko,
Thanks for posting and thanks for the screenshot, that always helps. First, just to be sure are you using the free plugin or the premium version? Second, could you send me a link to a live website so I can inspect it? I believe there is a CSS issue.
Thanks.
-Mark

Hi Mark,
I’m using the free plugin version. The link to the website is here.
Thanks.
-kazuhiko

Thank you. That helps a lot. The CSS is very precise in the bracket shortcode, as you might imagine. You have A LOT of collisions going on here with your theme and the plugin’s stylesheet. For example, the strange lines to the left of every game block can be fixed by adding this CSS rule to the plugin’s stylesheet:

.mstw_tournament_bracket ul.game {
   padding-left: 0;
}

The lines below each block can be fixed by adding a location for the games.

You can start to get round 2 lined up better by changing this rule in the plugin’s stylesheet:

.mstw_tournament_bracket ul.round2 {
   margin-top: 88px;
}

But you shouldn’t have to work this hard. The first thing I suggest (just to get things sorted out, not permanently) is that you remove the responsive tab stuff. Just have a page start with

<div class="entry-content">

and have the shortcode follow. It starts with:

<div mstw_tournament_bracket mstw_tournament_bracket_test>

If that doesn’t fix things, change your theme to Twenty Eleven and try again. If that’s still broken send me a link to the practice page and I’ll have another look at it. It could well be that I have to code the CSS rules more defensively. I do not currently have the free version installed on my test box, but I’m starting a clean site this week, so I will install the free version and have a look as well.

Let me know.

-Mark

I tried making a new page without tabs and it stayed the same. I added the padding-left: 0; and it worked for the lines on the left. I knew for that space where I didnt put the location. It’s kinda fixed but now round 2 boxes are too high and the lines connecting seem really weird so I had to fix the css for the rounds to put them a little down and lines to connect the boxes … but still it looks strange. Probably I need to change the css to fix everything.

-kazuhiko

Excellent. Thanks. Did you try changing the theme to Twentyeleven? I have a clean development install that I’m going to try it on.

-Mark

Hey kazuhiko,
Just tried on the clean site. Something is buggered up with the CSS. I’m not sure what I did to mess it up, but I will fix it as soon as I have a chance to do so. Unfortunately, that will not be quickly due to other work commitments. Sorry. Your options seem to be:

a. Wait till I get to it, which I will eventually.

b. Make the fixes yourself. I’m going to go back to https://dev.shoalsummitsolutions.com/euro-2016-bracket/, which is generated by the premium version, inspect, and see what’s different between the two. I suspect it’s just a line or two of CSS, but the right line or two.

c. Upgrade to the Premium version.

Regards,
-Mark