Folder tiles getting CUT at right edge

chrisvilla

I have my website close to where I want it, can't seem to avoid this problem.

All of my folder thumbs on the far right hand edge of the screen seem to get chopped off.



Anyone got any ideas? Ta.

rich56k

chrisvilla wrote: »

I have my website close to where I want it, can't seem to avoid this problem.

All of my folder thumbs on the far right hand edge of the screen seem to get chopped off.



Anyone got any ideas? Ta.

The same is happening to me.

By the way could you share the code that adds the cool border!

rich56k

chrisvilla

rich56k wrote: »

The same is happening to me.

By the way could you share the code that adds the cool border!

rich56k

Can't remember which thread I found this in. The first part does the border, the second change the font. You might not need the second bit, but you can use it to shrink your gallery titles if they keep getting croppped.

.sm-user-ui .sm-tiles .sm-tile-content, .sm-user-ui .sm-tiles-column-organic .sm-tile-content.sm-tile-content-empty, .sm-user-ui .sm-tiles-column-organic.sm-tiles-info-over .sm-tile-content, .sm-user-ui .sm-tiles-column-organic.sm-tiles-info-cover .sm-tile-content {
  border: 2px solid #161616!important;
  border-radius: 15px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .8);
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .8);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .8);
}

.sm-tiles-info-over ul li a p {
  font-size: 100%!important;
  padding-left: 0!important;
  padding-right: 0!important;
  color: #fff!important;
}

rich56k

Works like a champ!

Thanks Chris!

chrisvilla wrote: »

Can't remember which thread I found this in. The first part does the border, the second change the font. You might not need the second bit, but you can use it to shrink your gallery titles if they keep getting croppped.

.sm-user-ui .sm-tiles .sm-tile-content, .sm-user-ui .sm-tiles-column-organic .sm-tile-content.sm-tile-content-empty, .sm-user-ui .sm-tiles-column-organic.sm-tiles-info-over .sm-tile-content, .sm-user-ui .sm-tiles-column-organic.sm-tiles-info-cover .sm-tile-content {
  border: 2px solid #161616!important;
  border-radius: 15px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .8);
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .8);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .8);
}

.sm-tiles-info-over ul li a p {
  font-size: 100%!important;
  padding-left: 0!important;
  padding-right: 0!important;
  color: #fff!important;
}

chrisvilla

rich56k wrote: »

Works like a champ!

Thanks Chris!

No worries, just hope somebody can answer my question now

RKnecht

I get this too. Strange thing is if I shrink the browser window, then expand it, it looks fine.

chrisvilla

RKnecht wrote: »

I get this too. Strange thing is if I shrink the browser window, then expand it, it looks fine.

Oh yeh, that's odd. Bug in the new code?

Sir_Eagle

chrisvilla wrote: »

I have my website close to where I want it, can't seem to avoid this problem.

All of my folder thumbs on the far right hand edge of the screen seem to get chopped off.



Anyone got any ideas? Ta.

This will fix it.

.sm-tiles-row-organic .sm-tiles-list {
overflow: visible;
margin: 0 0 0 -18px;
}

RKnecht

Thanks for that. I just couldn't figure it out.

chrisvilla

Sir_Eagle wrote: »

This will fix it.

.sm-tiles-row-organic .sm-tiles-list {
overflow: visible;
margin: 0 0 0 -18px;
}

Thanks, messed with that a bit and got it to work. Had to use 'margin-left:' instead though because I kept getting confused.