• 0
Sign in to follow this  
Followers 0

A new look for Feature

Question

Posted · Report post

I thought the PlatformPro Features with icon buttons looked very cool. When switching over to PageLines Framework it appears the subtle grey rectangle below the images is now gone and the buttons are centered rather than left justified. I'd really like to keep it as it was. Is that possible? For reference: - The PlatformPro look: http://lifegadget.co - The PageLines Framework look: http://test123.lifegadget.co"

Share this post


Link to post
Share on other sites

6 answers to this question

  • 0

Posted · Report post

Please copy and paste this CSS into your Custom Code > Custom CSS: [code]div.feature-footer-pad {background-color: #F7F7F7; border: 1px solid #E9E9E9;} div#featurenav {margin-left: -750px;}[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

This does put the grey box in place but the button images are now partially pushed off the left margin. Isn't there a way to just push images to the left rather than specifying a direct pixel count like "750" as this will likely be browser specific or feature image specific (if it's not full screen).

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

interestingly I did the same change at http://123test.lifegadget.co so you could see this but it does work there. Not sure why they'd be different but the images are slightly less tall on the other site. I can see how this worked for you now but it's not robust and doesn't work with the real production images.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

[quote]This does put the grey box in place but the button images are now partially pushed off the left margin. Isn't there a way to just push images to the left rather than specifying a direct pixel count like "750" as this will likely be browser specific or feature image specific (if it's not full screen).[/quote] It's aligned center instead of using a float: left or float: right property so it can't be moved with float: left (this could be used to align elements to the left, but it wouldn't work in this case). Maybe someone else requested for the same fix and someone came up with a better solution in this forum. I'll have to search for it.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I actually solved it myself but what I did is use the precise CSS that PlatformPro used which is: div#featurenav {float: left;} I know you said this wouldn't work but it does seem to work. You can see it working here: [url="http://lifegadget.co"]http://lifegadget.co[/url]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hm, interesting. It didn't work before the last time I tried it on someone else's site, but thanks for posting the solution.

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