• 0
Sign in to follow this  
Followers 0

Image alignment issue with Hero section when image reversed


Question

Posted · Report post

For some reson, when I use Hero component and I reverse the Hero unit, the image drops down and is misaligned. 
 
Even when I clone an existing Hero section that is aligned perfectly, but reverse it so the image is on the left hand side, this happens.
 
 
When I view it in browsers, the only browser it looks right is Safari on Mac. In Firefox and Chrome, it looks like it does in DMS.
 
 
Any ideas?
 
Wordpress v 3.8.1
Pagelines DMS v 1.1.6

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

I figured out a fix for this if anyone is having this same issue.

 

In the Custom LESS/CSS area, I changed the margin-right for the image from 21px to 20px:

 

.pl-hero-reverse .pl-hero-image {
    margin-left: 0;
    margin-right: 20px;
}
 
That seems to have fixed the issue.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi there,

 

This has been reported previously and placed in the bug tracker, a fix will pushed in a future update. Thank you for posting the solution, this will help other clients who come across this.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

We are running the latest version of DMS. The problem still appears. Please let me know if there is any information about when this is going to be fixed?

 

Website: www.ivobe.com

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