Forum Support

Shape 5
May 10, 2021, 02:51:25 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Three Minor Issues  (Read 182 times)
SummitCap
Jr. Member
**
Offline Offline

Posts: 12



« on: March 18, 2014, 05:55:14 PM »

Hi Tristan

Have finally gone live with a site, so can provide examples of my issues. None of these are major, but would appreciate help if possible.

1: http://winmarresources.com/investors/asx-announcements/latest-asx-announcements/

On this page, the Date and Time of the table are squeezed together. Is it possible to move them apart and line them up? I'm having this issue on a few other templates as well, so would really appreciate any advice.

2: On the iPhone, the page titles overlap if they are more than one line. You can see that in the phone view of the demo as well for the "Vertex Response Framework" title. Is it possible to stop this happening?

3: On an iPad, the Contact Us form on the bottom right of the page overlaps the edge of the template. It's fine on all browsers and on an iPhone. I realise I'm using a different plugin than the one you make, but would appreciate any advice as to how to solve this.

Thanks.

Richard
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #1 on: March 19, 2014, 08:18:42 AM »

Hi Tristan

Have finally gone live with a site, so can provide examples of my issues. None of these are major, but would appreciate help if possible.

1: http://winmarresources.com/investors/asx-announcements/latest-asx-announcements/

On this page, the Date and Time of the table are squeezed together. Is it possible to move them apart and line them up? I'm having this issue on a few other templates as well, so would really appreciate any advice.

   Firebug shows that css/com_content.css defines the top/bottom padding of the "td" element on around line 210.  If you change that code to the following, the columns of your table should line up better and have better padding.  I can't guarantee that other places on the site won't get messed up by it though; you would need to be a little more specific with the CSS if you only want to change that table instead of all tables on your site.
   
Code:
td { padding: 0 10px;}
   

2: On the iPhone, the page titles overlap if they are more than one line. You can see that in the phone view of the demo as well for the "Vertex Response Framework" title. Is it possible to stop this happening?

   Try adding the following code to style.css:
   
   
Code:
a.contentpagetitle{line-height:0.8;}
   
   You can adjust that measurement as desired (I suggest using Firebug to test different values until you get the one you're happy with.

3: On an iPad, the Contact Us form on the bottom right of the page overlaps the edge of the template. It's fine on all browsers and on an iPhone. I realise I'm using a different plugin than the one you make, but would appreciate any advice as to how to solve this.

   It appears you have set fixed widths for the form elements.  You'll need to change those to percentage widths if you want them to resize based on screen size.  The syles.css file in the plugin folder is the one that sets those widths, but you may be able to change them in the form editor.  Again, Firebug is how I found the solution; when you have Firebug installed (use the Firefox version), just right-click on the element you want to figure out, and select "Inspect Element with Firebug".
   
   
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.