GK_style Musicity Jomsocial Video Links not aligning

GK User
Thu Jun 02, 2011 10:35 pm
Hello, in the default jomsocial theme, each uploaded video has three icons that appear when hovering over. With the gk_style jomsocial theme, the three icons are converted to three text links. They are out of alignment. How can we fix?


Screen Shot 2011-06-02 at 7.21.24 PM.png
User avatar
Senior Boarder

GK User
Fri Jun 03, 2011 12:45 pm
Humm i can't reproduce the same screenshot. :huh:
I don't see "feature this" link... only "Edit" and "Delete", but since i'm not 100% Jomsocial expert ... :whistle:

Anyway, try adding this line on override.css file:

Code: Select all
#community-wrap div.album-actions {position: absolute;width: 200px;}


Cheers ;)
User avatar
Platinum Boarder

GK User
Fri Jun 03, 2011 12:58 pm
Hmm, that doesn't seem to work. Is it possible to just get the default jomsocial template icons to work instead? They take up much less space and work well.
User avatar
Senior Boarder

GK User
Fri Jun 03, 2011 1:10 pm
Where can I find the css for 'album-actions small'
User avatar
Senior Boarder

GK User
Fri Jun 03, 2011 3:07 pm
ok so try adding this lines on ../components/com_community/templates/gk_style/css/style.css

Code: Select all
body #community-wrap .album-actions{display: none;position: absolute; top: 0; right: 0; background: #222;padding: 4px;-moz-border-radius: 4px;}
body #community-wrap .album-actions a {color: #fff;}
body #community-wrap .album-actions a:hover {text-decoration: underline;}


It should look something like this:

screen_2011-06-03.png


Cheers
User avatar
Platinum Boarder

GK User
Fri Jun 03, 2011 4:22 pm
There is an other issue on featured videos see attached screen shot
User avatar
Expert Boarder

GK User
Fri Jun 03, 2011 4:23 pm
Haha, I was just trying to take that exact screenshot, but couldn't time it right. Thnx!
User avatar
Senior Boarder

GK User
Fri Jun 03, 2011 6:00 pm
It works, but its not as ideal as the original default jomsocial icons... FYI - mine also has an option to 'Feature This' Why doesn't yours?
User avatar
Senior Boarder

GK User
Mon Jun 06, 2011 7:14 pm
Still having residual issues with this when browsing around my jomsocial site with GK_style. When I hover over the photo album, the album controls float all the way in the upper right of the body section. How can this be fixed?

See the pic, upper right in red...


Screen Shot 2011-06-06 at 4.10.16 PM.png
User avatar
Senior Boarder

GK User
Thu Jun 16, 2011 7:33 pm
Can anyone help with this? The video links are fixed, but now the my photo page .album-actions are appearing way in the upper right corner. Based on the fix that was provided for the video actions, it looks like they use the same code... I am not sure if the photo actions need there own class...

Not sure how to do this.

PS - Please make gk_style Jomsocial 2.x compatible.
User avatar
Senior Boarder

GK User
Thu Jun 16, 2011 8:00 pm
buzzcloud wrote:Can anyone help with this? The video links are fixed, but now the my photo page .album-actions are appearing way in the upper right corner. Based on the fix that was provided for the video actions, it looks like they use the same code... I am not sure if the photo actions need there own class...

Not sure how to do this.

PS - Please make gk_style Jomsocial 2.x compatible.


It also does this on other pages as well. This is the "show all members page". Same problem. It does not align properly:

Screen Shot 2011-06-16 at 4.55.19 PM.png
User avatar
Senior Boarder

GK User
Thu Jun 16, 2011 8:14 pm
Likewise, featured groups is not aligning...

Screen Shot 2011-06-16 at 5.13.58 PM.png
User avatar
Senior Boarder

GK User
Thu Jun 16, 2011 9:35 pm
Hi

Please show us same example page because i can't seam to reproduce.
User avatar
Platinum Boarder

GK User
Thu Jun 16, 2011 9:45 pm
Seichinha wrote:ok so try adding this lines on ../components/com_community/templates/gk_style/css/style.css

Code: Select all
body #community-wrap .album-actions{display: none;position: absolute; top: 0; right: 0; background: #222;padding: 4px;-moz-border-radius: 4px;}
body #community-wrap .album-actions a {color: #fff;}
body #community-wrap .album-actions a:hover {text-decoration: underline;}


It should look something like this:

screen_2011-06-03.png


Cheers


After I made this change that you sent me, it started messing up the alignment on all other pages that reference .album-actions... does that make sense?
User avatar
Senior Boarder

GK User
Thu Jun 16, 2011 10:27 pm
buzzcloud wrote:After I made this change that you sent me, it started messing up the alignment on all other pages that reference .album-actions... does that make sense?


No. I don't see why :huh:
That why i ask you same example because i just can't reproduce the problem on my side.
User avatar
Platinum Boarder

GK User
Thu Jun 16, 2011 10:29 pm
Try by making a user or group etc "Featured" and i am sure you will see the issue.
User avatar
Expert Boarder

GK User
Fri Jun 17, 2011 11:57 am
Seichinha wrote:
buzzcloud wrote:After I made this change that you sent me, it started messing up the alignment on all other pages that reference .album-actions... does that make sense?


No. I don't see why :huh:
That why i ask you same example because i just can't reproduce the problem on my side.


Take a look at this image. Notice the star in the upper right corner of the jomsocial frame... That star is supposed to be next to the image that you hover over. It is doing this for all images that you hover over that have .album-actions tied to them on hover.

You have fixed them for me for the "My videos" page, but now they are messed up for every other page.

Screen Shot 2011-06-16 at 4.55.19 PM_2011-06-17.png
User avatar
Senior Boarder

GK User
Sun Jun 19, 2011 1:03 pm
Any idea on how to fix this?
User avatar
Senior Boarder

GK User
Sun Jun 19, 2011 2:50 pm
Another issue, under My Photos in Jomsocial 2.2.2 using gk_style template, when you hover over a photo, it moves the image to the right to make room for the .album-actions functions... See pic below.

Before Hover over image:

Screen Shot 2011-06-19 at 11.48.43 AM.png



After Hover over image:

Screen Shot 2011-06-19 at 11.46.29 AM.png
User avatar
Senior Boarder

GK User
Tue Jun 21, 2011 1:30 pm
Is there any way to fix these css issues? Your help would be greatly appreciated!
User avatar
Senior Boarder

GK User
Thu Jun 23, 2011 4:49 pm
Any help out there? its been two days and no response from gavick moderators...
User avatar
Senior Boarder

GK User
Fri Jun 24, 2011 1:53 am
still waiting for a response from gavick moderators...
User avatar
Senior Boarder

GK User
Fri Jun 24, 2011 5:29 pm
Another 16 hours have passed and no response. I feel as though i have been patient. It has been almost 3 weeks since opening up these tickets for css issues that need to be resolved. Please help fix.
User avatar
Senior Boarder


cron