Shape 5

Wordpress Club Themes => Corporate Response - Club => : SummitCap March 18, 2014, 05:55:14 PM



: Three Minor Issues
: SummitCap 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


: Re: Three Minor Issues
: Tristan Rineer 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 (http://getfirebug.com/) 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.
   
:
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:
   
   
:
a.contentpagetitle{line-height:0.8;}
   
   You can adjust that measurement as desired (I suggest using Firebug (http://getfirebug.com/) 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 (http://getfirebug.com/) 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".