With the folowing code in your advanced CSS you can have a very clean and elegant gallery page like this (I have completed the code from Bernard lama here).

The code gives the same result for serched photos and for personal gallery

Live photo gallery

.xg_list_photo ul li {
    margin: 0px 25px!important;
}
.xg_list_photo_main ul li {
        margin: 0px 25px 8px!important;
}

.xg_widget_photo_photo_show .xg_span-5 {
display: none!important;
}


.xg_widget_photo_photo_show .xg_span-16 {
width: 1002px;
}
.xg_widget_photo_photo_listFeatured .xg_span-5 {
display: none!important;
}


.xg_widget_photo_photo_listFeatured .xg_span-16 {
width: 1002px;
}

.xg_widget_photo_photo_list .xg_span-5 {
display: none!important;
}


.xg_widget_photo_photo_list .xg_span-16 {
width: 1002px;
}
.xg_widget_photo_photo_search .xg_span-5 {
display: none!important;
}


.xg_widget_photo_photo_search .xg_span-16 {
width: 1002px;
}

.xg_widget_photo_photo_listForContributor .xg_span-5 {
display: none!important;
}


.xg_widget_photo_photo_listForContributor .xg_span-16 {
width: 1002px;
}
.xg_widget_photo_index_index .xg_span-5 {
display: none!important;
}

Views: 666

Reply to This

Replies to This Discussion

NiCe

Thannks classic, I have updated the code

(translator) Hello friends, I have a question is there a way to make it look more photos? ie I would like to not be limited to 4 rows, but it will automatically load as does the mobile version. or were porlomenos about 10 rows to see more photos

versión de escritorio

Versión Móvil

i want to remove right colum page in member list.Can you help me??

.xg_widget_profiles_members .xg_span-5 {
display: none!important;
}


.xg_widget_profiles_members .xg_span-16 {
width: 1002px;
}

This just creates a mess for my network, the column doesn't disappear.

Any suggestions? I'll leave it as is for the next hour or so, but then I'm changing it back, if you happen to know of a fix, that'd be great! I would love to have a cleaner gallery

Here's my gallery http://addictapic.com/photo

It works for three columns themes

So I guess I can't use this then. Ok.

Is there a way for two column networks?

I would really like to use this code; so this is to get rid of the right column and spread out the images evenly? but I have a 2 column layout, so it won't work??

please let me know, and i would also love to do this to the videos! any help appreciated!

Mandy

Damien, I just checked out your Photos page... Awesome! How did you get it to keep scrolling all the rows?

Thank you Scott. Head on over to jqueryhelp.ning.com, TJ developed the scroll app. Genius that man, I tell ya, genius! Lol

RSS

Latest Activity

soaringeagle replied to Rafael's discussion 'Multiple Chat rooms for Ning 3.0'
"ideally id k[like the chat to be similar to everything else as in u can have 1 network chat but…"
4 minutes ago
Jelena replied to Michael Goebel's discussion 'Where have the text boxes on the profile pages gone ?!?!'
"We need"
17 minutes ago
Liliana Parra replied to Alex's discussion 'More styling in the Design Studio'
"Any idea why profile photos in Ning 3.0 look all stretch out? It happens for both square and round…"
23 minutes ago

NC for Hire
SweetPotato replied to Michael Goebel's discussion 'Where have the text boxes on the profile pages gone ?!?!'
"It should be a profile page feature. Hopefully Ning reinstate it. Sp"
1 hour ago
Allison Leahy replied to Rafael's discussion 'Multiple Chat rooms for Ning 3.0'
"Thanks for the suggestion, Jordon. I can certainly add Skype video chat integration as a specific…"
1 hour ago
Allison Leahy replied to Rafael's discussion 'Multiple Chat rooms for Ning 3.0'
"Cool. I've never seen one of these in action. Could you share an example of a service the…"
1 hour ago
Kos replied to Michael Goebel's discussion 'Where have the text boxes on the profile pages gone ?!?!'
"TJ @ jquery was working on a hack to add a text box on profile pages in 3.0 however I believe it…"
1 hour ago
Kos replied to Mariana Paiva's discussion 'Analytics not working: How can I set up analytics correctly?'
"Mariana is *does* go in Custom Code (not custom CSS).  Did you also enter your Google code in…"
1 hour ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service