ALL VIDEO SHARE

How to align center in category view?

riagil
Topic Author
Offline
Fresh Boarder

Posts: 3
Thank you received: 0

How to align center in category view? was created by riagil

I edited the CSS code in configuration tab Front-End Stylesheet :

#avs_gallery .avs_thumb { float:left; margin:7px 14px 7px 0px; padding:0px; }
#avs_gallery .avs_thumb a { text-decoration:none; }
#avs_gallery .avs_thumb .image { display:block; }
#avs_gallery .avs_thumb .arrow { position:absolute; width:29px; height:26px; margin:0px; padding:0px; opacity:0.5; }
#avs_gallery .avs_thumb .name { margin:5px 0px 0px 0px; padding:0px; display:block; font-family:Arial; font-size:11px; color:#777; font-weight:bold; }
#avs_gallery .avs_thumb .title { margin:5px 0px 0px 0px; padding:0px; display:block; font-family:Arial; font-size:12px; color:#444; font-weight:bold; }
#avs_gallery .avs_thumb .views { margin:0px; padding:0px; display:block; font-family:Arial; font-size:11px; color:#777; }
div.avs_thumb { padding:8px!important; border:1px solid #ccc !important; }

I change code line 1 : float:left; to float:center; it's change the thumbnail vertically..

Can you help me?

10 years 10 months ago #5584

Please Log in or Create an account to join the conversation.

Administrator
Offline
Administrator

Posts: 2476
Thank you received: 1451

Replied by Administrator on topic Re: How to align center in category view?

Kindly get me your "Live Site URL" in where I can check this directly.

10 years 10 months ago #5586

Please Log in or Create an account to join the conversation.

arias51
Offline
Fresh Boarder

Posts: 7
Thank you received: 0

Replied by arias51 on topic Re: How to align center in category view?

I'm having the same issue.

www.firingsquad.us/Gamers/index.php/videos

10 years 6 months ago #6175

Please Log in or Create an account to join the conversation.

Administrator
Offline
Administrator

Posts: 2476
Thank you received: 1451

Replied by Administrator on topic Re: How to align center in category view?

@ arias51,

I found you have set 4 thumbnails in a row and there is some space for the 5th one too. Editing the css to reduce the space between thumbnails and making the column count to 5 will be the solution.

If you could mail me your Joomla admin details to This email address is being protected from spambots. You need JavaScript enabled to view it., Then I can do this on my own.

10 years 6 months ago #6178

Please Log in or Create an account to join the conversation.

arias51
Offline
Fresh Boarder

Posts: 7
Thank you received: 0

Replied by arias51 on topic Re: How to align center in category view?

That works fine for my 24" monitor, but not my 13" laptop.

I need to use 4 columns with the thumbs centered and have some sort of padding option on the thumbnails so the space decreases with the screen size. As of now, when the screen size is decreased past the thumbs the grid looks awful. For instance in my 4 row set up...

Row 1: 3 Thumbs
Row 2: 1 Thumb in 1st column.
Row 3: 3 Thumbs
Row 4: 1 Thumb is 2nd column.

You can try it out on my site to see what i'm referring to. Just resize your browser smaller and smaller and watch the alignment of the thumbnails.

Thanks again for the quick response.

10 years 6 months ago #6182

Please Log in or Create an account to join the conversation.

Administrator
Offline
Administrator

Posts: 2476
Thank you received: 1451

Replied by Administrator on topic Re: How to align center in category view?

Yeah. I see it. You're using a responsive theme and our current version is not responsive. Soon, we are releasing our responsive version. Please be patience !!!

10 years 6 months ago #6185

Please Log in or Create an account to join the conversation.

Time to create page: 0.109 seconds