Jump to content
Sign in to follow this  
acieslak6

Feature Thumbnails

Recommended Posts

acieslak6    0
acieslak6

Hello-- I am working on this page: http://www.mrcarpet.whichcamefirst-sitetest.com/?page_id=579 I want the make the code for a specific thumbnail so the margin is 0px that way to won't fall to the second line. The other 4 thumbnails need to stay as they are. I am working in my pro.ccs file. Here is my code: .page-id-579 #featurenav a span.nav_thumb, #featurenav a span.nav_thumb span.nav_overlay{ width: 170px !important; vertical-align: middle; height: 170px; display: inline; float: left; margin-top:31px; margin-right:34px; } Any solution would be appreciated. Thanks!

Share this post


Link to post
Share on other sites
Rob    547
Rob
Rather than reinventing the wheel, try resizing the thumbs to 160px which should prevent the wrap.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
acieslak6    0
acieslak6
My client needs it all to line up and be that size. I've done it with individual boxes before.

Share this post


Link to post
Share on other sites
Rob    547
Rob
We do not provide customization support in the forums for the Free edition. As I point out, reducing the size of the thumbs a bit would result in no wrap.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
acieslak6    0
acieslak6
How do I get into the Platform Pro section?

Share this post


Link to post
Share on other sites
catrina    103
catrina
Ah, okay, sorry about the confusion (you posted in the PageLines Free category so we thought you were using the free theme). Rather than working directly from the pro.css file, add CSS to the Custom Code > Custom CSS section (if you add your CSS to the pro.css file, any upgrades will overwrite the changes). I don't know of any other way to make the thumbnails show on one row unless they are resized. Perhaps you can try this: [code]span.nav_thumb {margin: 0px;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
acieslak6    0
acieslak6
No problem. Thanks Catrina. If I only want to make one specific thumbnail (I think it's #587) have a different margin how would I do that? That way all of the other thumbnails would have a 34px margin and the last thumbnail would have 0px. I have the boxes on the homepage set up that way.

Share this post


Link to post
Share on other sites
catrina    103
catrina
The thumbnails aren't specified by a class (the numbering is coming from the link titles) so if you need to adjust one with CSS, that CSS will affect all others.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
catrina    103
catrina
The thumbnails aren't specified by a class (the numbering is coming from the link titles) so if you need to adjust one with CSS, that CSS will affect all others.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
acieslak6    0
acieslak6
Ahhh.. okay thanks. So there isn't much I can do then to make them that size with those margins and not fall to the next line?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×