|
SJ Quinney PBI
|
September 5, 2015 at 12:30 pm
Hey guys, I’m running into an issue where ticket titles including the word “span” throw off my formatting.
You can see the problem at: http://sjqpbiclinics.byethost15.com/index.php/events/street-law-3/
Also, how it doesn’t show up if I use $pan, like at http://sjqpbiclinics.byethost15.com/index.php/events/street-law-4/
I’m really really green at web design and am just doing this project as a volunteer. My theme has a spot where I can input custom CSS, and I’ve been able to play around with that a little bit to affect the problem, but I can’t achieve uniform formatting.
Any ideas? Thanks!
|
|
Dean
|
September 7, 2015 at 6:01 am
Well, that’s a weird one.
Turns out it’s the theme, Customizr. When the the ticket has the word span in it, the theme is applying this and some other similar CSS:
@media (min-width: 1200px)
.row-fluid [class*=span] {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.56410256%;
}
With the the ticket named $pan, it doesn’t.
This is because the theme is using a really silly way of targeting CSS classes: it is looking for any class name with the word span in it…
So if you have a class called spanish-holiday, or outspanned, or lifespan, or spangled, each of those will be affected by this CSS.
Check out this article if you’re interested in how this works: https://css-tricks.com/attribute-selectors/, especially the rel*=external bit
I can offer a “fix” with some CSS, but it doesn’t address the root of the issue, but instead patches it:
.tckt-slctr-tbl-tr {
margin-left: 0 !important;
display: table-row !important;
float: none !important;
}
|
|
SJ Quinney PBI
|
September 8, 2015 at 9:13 am
Thanks Dean for the awesome response. Your patch worked like a charm until I can get things sorted out with the theme.
|
