MAIAN MEDIA

On my Computer my 300 by 300 Ecards Show Up 249 by 161 in the Category Thumbnails.  Those Thumbnails Should be by Lower Percentage.  Not by Pixels.  The Way it is Now Looks Horrible!  I Already Have a Number of Ecard Designs Created.  300 by 300 is Best for me!   :--)

I'm Emailing you so you can See what Square Images Look Like When they Become Rectangle.  :--)

Even though (Latest Ecards Thumbnails) Thumbnails are Huge on iPads, (Categories Thumbnails) Showing Rectangle Instead of Square, is my Main Issue Currently.  I Figured Out How to Change Much of what I Wanted to Change.  :--)

I Created a Test 500 by 323 Ecard with Only  a  #4169E1 BG, and the Category Thumbnail Still Shows as 249 by 161.  I Need that Thumbnail to Be Square since my Actual Greetings are All 300 by 300.  :--)

I Simply Changed it to what is below.  It looks Okay on my Phone and Computer, but on my iPad it Show Huge 500 by 500 or so, just Like the Latest Ecards.  I Emailed you a Screenshot.  I'm Wanting to Replace the Latest Ecards Area with (About Us & Why Us).  More Details Are In the Email.  :--)

.ecardarea .ecard .panel-body img {
  width: 100%;
  height: 150px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

I Changed the Padding Below from 2px to 4px.  Now (Latest Ecard)  Is Even with (Contact Support).  But (mws.css) Doesn't Let me Change the Title (Latest Ecards) to (About Us / Why Us).  Where Do I Do That?  :--)

}
.footbar .footlatest .image img {
  width: 100%;
  background:#fff;
  padding:4px;
  border:1px solid #ddd;
  -webkit-border-radius: 3px;
  border-radius: 3px;

Also, I Added a Div Scroll Box in the Footer Latest Ecards Area, but that Messes Up the Location of the Contact Support area.  Do you know of a Proper Scrolling Code that Won't Affect the Contact Support area?!  :--)

I Changed <h2><?php echo $this->TEXT[3]; ?></h2> to <h2>ABOUT US / WHY US</h2>.  I Also Did that the Other Day, but Something  Went Wrong.  Now I Did that Again, and It's Correct!  Now I'll Test a Scroll Box Again.  :--)