• 0
Sign in to follow this  
Followers 0

Hero images not inline


Question

7 answers to this question

  • 0

Posted · Report post

BentleyD

 

I might just use a text box and media box combination.  It' would give you the same flexibility and if you wanted you could add animation.  Just drop a button shortcode in where you need it.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

This has been implemented on my site for a month and randomly switched. I shouldn't have to add css to something that has been working for a month.@jmad@batman

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

BentleyD Sorry man, just trying to help and yes I understand that is frustrating.  Did you do any DMS upgrades or...and I know this is likely but it happened to me once...accidentally reduce your page width?

 

I don't know otherwise, was just offering a possible fix.  

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

jmad I appreciate the help man. I'm just super confused why it's messed up. Maybe I did accidentally movie the page width. I'll give it a look!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

jmad Thanks man. That was actually what happened. I must have accidentally moved the width the smallest amount. I didn't even think about that.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

BentleyD  No worries.  It might still happen as you scale your browser window but that's a whole other can of worms...I looked at your site and it's still out of position when you resize your browser....if you are up for it...  Offering this because I had a very specific thing I tried to do with the Hero that nearly drove me crazy.  

 

Add a media box with your item and center it using the box.  Add a text box and don't select anything in the text alignment area.  Add your text to the text box and a <br /> then  [pl_button type="primary" link="" target="blank"]Primary[/pl_button]  adding your own link info and such. 

 

Then add the class below to your css and center-mobile to your text box class.  

 

@media (max-width: 768px){

  .center-mobile{
    text-align: center;
  }
}
 
This should make everything fall inline (vertically) once screen size hits 768 (change to whatever meets your needs).  If you left align your textbox text then I think the CSS would need altered slightly.  Also since your images are on the left side of the text they are going to slide above the text as the browser window shrinks.  
 
There is a way to make this all happen using the Hero as well but I haven't worked with it recently...the advantage would be using the hero the image can fall below...I haven't been able to make that happen with text/media boxes.    
 
Probably more info than you wanted...I recently worked on a similar issue so it was fresh in my mind.
 
Like your site by the and noticed that your fonts are fairly consistent across browsers.  Did you add code to assist in keeping them similar or did it just happen to be the font you selected worked well? 

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