video boxes too big

hi guys.
i have an issue with the grey boxes on the videos page - i need to alter the width so they fit all on one line.
I have tried altering the width of the template in the template manager but it makes no difference, they still appear as they do in the picture.

can you please advise as to where i can change the css or code?

thanks!

Rob

Hi.
Could you paste link to your site?

Hi.
Could you paste link to your site?

sure... its http://guidetogay.com/videos

hey guys - any help on this one?

Please try this code :

Code: Select all

body #community-wrap .video-index > div > div.video-item {width: 23% !important}

4.png

Please try this code :

Code: Select all

body #community-wrap .video-index > div > div.video-item {width: 23% !important}

hijacking this

I have the exact same problem. I tried putting the code above into the overide.css but to no avail. is there any alternative methods to solving this ?

bump

Did you enable override css option in template advanced settings ? Can I see your site ?

Did you enable override css option in template advanced settings ? Can I see your site ?

Hi there,

Yes, I've enabled the override css option in template advanced settings. I'm not sure if i added the codes correctly to the .css file. Just to confirm, it's the file in the templates/gk_twn2/css/ folder right ??

I've pmed you admin access

please advice

Yes, file path is correct. I'll check your PM message and let you know.

chrome.png

firefox.png

opera.png

Ok, code to fix view in videos section is :

Code: Select all

body #community-wrap ul.cVideoItems li.cVideoItem { width: 23.1% !important}

I've added the code and now this area is looking fine. Before I've checked videos on home page in videos area so this is why it takes so much time

Ok, code to fix view in videos section is :

Code: Select all

body #community-wrap ul.cVideoItems li.cVideoItem { width: 23.1% !important}

I've added the code and now this area is looking fine. Before I've checked videos on home page in videos area so this is why it takes so much time

omg you saved my site !!! LOL ! thank you yes it's solved already for the video thumbs ... thank you thank you thank you !!!

ok so this is 2 down 1 more to go !!! i have another problem you have not addressed in the url https://www.gavick.com/forums/the-world-news-2/mobile-device-detection-problems-20114.html?p=94846#p94846

it's not the mobile layout problem, its the event administration menu not appearing ...

Untitled-2.png

Please switch to default template, if the same happen probably it is JomSocial issue not our template.

Please switch to default template, if the same happen probably it is JomSocial issue not our template.

hi there,

I've downloaded different jomsocial templates from the rest files package of the TWN2 template.

there's one of it that worked for events administration, but it causes other template issues.

for gk_style 2.6.1 jomsocial, the current version i'm using, it causes the events admin panel to disappear completely, with the video thumbs etc that you have solved. shown in screenshot below.

Untitled-2.png

for gk _style 2.6 jomsocial, i've attached the working admin panel and the bugs that occurred. shown below.

working events admin panel

Untitled-22.png

2.6.0 template thumb bugs, see green highlighted area, should have 4 columns not 3.

Untitled-222.png

the correct display for the thumbs are in 2.6.1, shown below, but is buggy for the 2.6.0 version. it shows 4 columns instead of 3.

Untitled-233.png

working event admin panel for default jomsocial template.

Untitled-2333.png

so here i'm not sure why it doesn't work for the 2.6.1 jomsocial template for twn2, but with 2.6.0 it works with some other bugs. with default it works, so prolly it is a bug caused by the 2.6.1 twn2 template for jomsocial.

please advise.

Hi,
please go to components/com_community/templates/gk_style/events.viewevent.php and find (line44)

Code: Select all

<div class="app-box-content" style="display:none">
                  <ul class="event-menus clrfix">
                     <?php if( $isMine || $isCommunityAdmin || $isAdmin) {?>


and change it to:

Code: Select all

<div class="app-box-content">
                  <ul class="event-menus clrfix">
                     <?php if( $isMine || $isCommunityAdmin || $isAdmin) {?>


Hi,
please go to components/com_community/templates/gk_style/events.viewevent.php and find (line44)

Code: Select all

<div class="app-box-content" style="display:none">
                  <ul class="event-menus clrfix">
                     <?php if( $isMine || $isCommunityAdmin || $isAdmin) {?>


and change it to:

Code: Select all

<div class="app-box-content">
                  <ul class="event-menus clrfix">
                     <?php if( $isMine || $isCommunityAdmin || $isAdmin) {?>


Great help ! thank you thank you thank you !!! the event bug fixed !

hi there,

tonnes of stuff solved. thank you guys very much.

there's one last minor problem. not sure if it's the bug of the template or is it a default jomsocial thingy.

entry fields in the edit profile is too small, but it is resizeable by dragging the small icons at the bottom right of the text area.

I was wondering if there's any fixes for this to make the entry fields span the width of the site or at least double or triple the width and height for easy member inputs. maybe by changing the default width and height of the text areas. they all look to be of the same widths.

with the current size it affects member making inputs at all.

please advice.

Untitled-25534.png

see the green highlighted areas

Please try add to override.css

Code: Select all

#community-wrap.cRegister textarea.inputbox,
#community-wrap.cProfile textarea.inputbox {
width:60% !important;
height:150px !important;
}


and set both values to fit your needs. Remember to enable override.css option in template settings.

Hi there,

Thank you. This code solved the problem !!!