profile latest music column issue

soaringeagle
@soaringeagle
9 years ago
3,304 posts
http://www.rainbowgatheringmusic.org/
as you see here the latest music the play button doesnt fit in the collumn
jpg
 •  69KB




--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities

updated by @soaringeagle: 05/17/15 06:36:41AM
paul
@paul
9 years ago
4,326 posts
If I stretch the window horizontally the button shows so I guess its down to your template/css coding. Does the button sit in its own column (col1)?


--
Paul Asher - JR Developer and System Import Specialist
soaringeagle
@soaringeagle
9 years ago
3,304 posts
its actualy i think col19
let me check col11
but theres a couple divs in there


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
9 years ago
3,304 posts
profile_music_listing.tpl isnt modified at all


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
Strumelia
Strumelia
@strumelia
9 years ago
3,603 posts
Maybe you can reduce the left side padding in the Text/title column?- seems like the p[adding is covering the play button.


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
soaringeagle
@soaringeagle
9 years ago
3,304 posts
hmm ill check but just seems to not be resposnsive


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
9 years ago
3,304 posts
yea thats no help ..im going to try adding a custom class and fix it


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
John Bizley
John Bizley
@john-bizley
9 years ago
251 posts
The column which holds the play button is not wide enough and had a lot of padding around the button, also the collumn to the right of it has a large amount of padding left of 20px, the padding around the play button is 10px so add that to the padding of 20px then the padding all told along the vertical is something like 40px. Change the column which has the button in to something like 15% then change the column which holds the details to about 65%, remove the padding left and maybe give it 1px or 2px. I would remove the amount of padding around the play button also to a lesser amount to give you more room if needed.

I see it shows on your site with the default settings when in your 100% view SE but it's when it goes down to ' normal ' size that it has the issue, this is the same on my standard Ningja theme which is as is with no coding in, you can see that here with the same issue
http://1940snetwork.com/founder

To rectify it these are the settings I would use for that particular section

.col1 from 8.33% to 15%
.col9.last from 75% to 65%
.col9 > .p5 padding left from 20px to 2px
I would also chang the padding around the button to { padding 10px 5px } so the padding top and bottom stays at 10px but the padding to the left and right is lessened to 5px.

It would look something like the image
updated by @john-bizley: 04/11/15 11:29:40AM
soaringeagle
@soaringeagle
9 years ago
3,304 posts
i think it should be fixed in thenext skin update
changing those col widths affects too much globally without adding a profilemusicplaylist class to the row or was it col1 last

either way u gotta issolate the changes to that template either with inline styles or a containing class
but i just hope thatits fixed in the next update so i dont gotta mess with it


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities

Tags