Text too close to border

Hi kcuestag,
Thanks for writing. In the plugin’s stylesheet ( css/mstw-gs-styles.css ) there is a rule like this:

.mstw-gs-even tr, .mstw-gs-even td, .mstw-gs-even td a

Simply add

padding-left: 5px;

or whatever spacing you want to it.

Regards,
-Mark

Hello Mark,

Thank you for your reply.

The only rule similar to that is:

.mstw-gs-even tr, .mstw-gs-even td {

Tried adding it there, but doesn’t make a change. Should I add a new rule for tr, td, and td a like you mentioned?

This is what I have on the CSS for the .mstw:

.mstw-gs-table {

    border-collapse: collapse!important;

    border-spacing: 0px;

	padding: 5px;

    padding-left: 5px;
}

/* Set the table header attributes */

.mstw-gs-table-head thead,  .mstw-gs-table-head tr, .mstw-gs-table-head th {

    background-color: #4f81bd;

    color: #fff;

	font-size: 12px;

	line-height: 24px;

	font-weight: bold;

	border-spacing: 0px;

    border: 2px solid white;  /* So the border does not appear */

    padding: 6px 6px;

}

/* Set the even row attributes */

.mstw-gs-even tr,  .mstw-gs-even td {

	color: #000;

	background-color: #b8cce4;

	border-style: solid; 

	border-color: #fff; 

	border-width: 2px;

	padding: 6px 6px;

}

/* Set the even links */

.mstw-gs-even td a,  .mstw-gs-even td a:visited, .mstw-gs-even td a:active {

    text-decoration: underline;

    /*color: #4F81BD;*/

}

/* Set the even links hover */

.mstw-gs-even td a:hover {

    text-decoration: none;

    /*color: #666;*/

}

/* Set the odd row attributes */

.mstw-gs-odd tr, .mstw-gs-odd td {

	color: #000;

	background-color: #DBE5F1;

	border-style: solid;

	border-color: #fff;

	border-width: 2px;

	padding: 6px 6px;

}

/* Set the odd links */

.mstw-gs-odd td a,  .mstw-gs-odd td a:visited, .mstw-gs-odd td a:active {

    /*color: #4F81BD;*/

	text-decoration: underline;

}

/* Set the odd links hover */

.mstw-gs-odd td a:hover {

    text-decoration: none;

    /*color: #666;*/

}

/* Set the home row attributes */

.mstw-gs-home tr,  .mstw-gs-home td {

	font-weight: bold!important;

}

/* Set the home links */

.mstw-gs-home td a,  .mstw-gs-home td a:visited, .mstw-gs-home td a:active {

    font-weight: bold!important;

	text-decoration: underline;

}

.mstw-gs-home td a:hover {

    font-weight: bold!important;

	text-decoration: none;

}

img.mstw-gs-table-logo {

	vertical-align: middle;

	padding-right: 5px;

}

Sorry for the triple post, can-t find an edit button for my posts. I was able to fix the opponent column by adding these:

.mstw-gs-even tr, .mstw-gs-even td, .mstw-gs-even td a {
    padding-left: 5px;
}

.mstw-gs-odd tr, .mstw-gs-odd td, .mstw-gs-odd td a {
    padding-left: 5px;
}

But the date, place, and time/result are still missplaced:

https://guadalajarastings.com/calendario-2014-2015-2/

I am looking at your site right now. There IS a rule that looks like this:

tr.mstw-gs-odd, td.mstw-gs-odd, td.mstw-gs-odd a {
color: #000;
background-color: #E5E5E5;
border-color: #FFF;
}

(In Chrome, right mouse on Arganda Toros and select Inspect Element from the context menu and you can see it. You can do the same thing in FireFox. If you are using IE … don’t!)

Add padding-left: 5px to it. Do the same for the even rows. TA-DA! There is no need for a new rule.

-Mark

Sorry if I sound a bit newbie, but where can I find that rule? It’s not in the mstw-gs-styles.css file.

Thank you for the help and the patience.

Interesting, now that I modified the 2nd match’s place with a link (Lugar: Tres Cantos), it now appears with the 5px left padding, but the others with no link do NOT have the 5px left padding.

Solved by editing the theme’s style.css sheet instead of the plugin’s css sheet. ??

What I did was:

.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}

To:

.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 5px;
}

Added 5px at the end of the padding.

Yes, that’s probably because the padding is in a rule for anchors (a).

I believe you are not finding the css rules because they are being built in the code, and they are not in the stylesheet. So we’ll have to be very careful about how we add a rule(s) to the stylesheet.

Stay tuned. I hope to have time to look at it tomorrow.

-Mark

Cool. If you are using a child theme, editing the (child) theme’s stylesheet is a good alternative. Otherwise, you can simply edit this rule:

.mstw-gs-even td a, .mstw-gs-even td a:visited, .mstw-gs-even td a:active {
text-decoration: underline;
/* color: #4F81BD; */
margin-left: 15px;
}

and the related rules for anchors in odd rows and home game rows, etc.

-Mark

P.S. Nice to see some ‘real football’ being played in Spain. ?? Are you familar with the Las Rosas Black Demons? Roberto del Toro was one of early adopters of the MSTW plugins and created the original Spanish translation .po files.
-M

Hello Mark,

Yes, I happen to know the Black Demons team, we played against them a few times! ??