• 0
Sign in to follow this  
Followers 0

Feature Thumbnails

Question

Posted · Report post

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

14 answers to this question

  • 0

Posted · Report post

Rather than reinventing the wheel, try resizing the thumbs to 160px which should prevent the wrap.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Platform Pro isn't included in that ?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Are you using paid version of PlatformPro or the free version?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Platform Pro

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

How do I get into the Platform Pro section?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

No. The thumbnails will need to be made smaller in order to fit on one 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  
Followers 0