Cannot get Floats to tile on Index page

[craigmurray]

No, I cannot see any media queries.

[chrisburton]

Try contacting them. I really don’t know what else to say. My only other suggestion would be to copy the media query css and write in those two things I posted above.

[craigmurray]

OK. Thanks so much for your help on this.

[craigmurray]

*Update* – unfortunately can’t access page template CSS (only master template and CSS). Thefore overiding is my only option. I’m going to play around with wrapping the conspicuous styles in container elements, or change the sizing altogether of the

[chrisburton]

@craigmurray what is the name of the CSS file you can edit?

[craigmurray]

If you use a web inspector browser tool on this url http://craigmurray.virb.com/

I can edit only the CSS from line 668 on. http://postimage.org/image/mrh90n5h1/

[chrisburton]

I just checked your site and it seems to be working? Minus not having any margins applied.

[Paulie_D]

Looks like it to me too (Chrome)

[chrisburton]

Firefox too.

[craigmurray]

Not really. I increased the size of the list element and took out all margins. Not what I had hoped but it fits tightly now. I will need to try 1 of the 2 altarnative approaches I listed above to get my ideal look.

[chrisburton]

@craigmurray All right. Try pasting what I have below at the very last line in your css file

#index ul.thumbs li {

float: left;

width: 310px;

margin: 0 10px 10px 0;

padding: 0;

border: 0px;

}



#index ul.thumbs li.li_4 {

margin-right: 10px;

}

[craigmurray]

Thx @ChristopherBurton. Looking better now http://craigmurray.virb.com/work

…not quite aligned to grid column structure but it’s getting close with these edits. I can tweak the necessary elements to match this more.

Really appreciate your help.

[chrisburton]

@craigmurray Haha, finally. I didn’t do the necessary math to calculate your page-wrap to the individual list items and margins. But I’m sure you’ve got it now.

[craigmurray]

No worries. I got it from here. Thanks again!

[chrisburton]

My pleasure.

[Author]

Posts