Joomla Templates Club 406,261 posts

[itgl72 Friend itgl72Join date: March 2008Posts: 230Downloads:0Uploads:1 Thanks: 41 Thanked: 10 times in 1 posts]

#142341

I just applied the fix for IE8 and all seems to be OK in IE8, Firefox, Chrome, and Opera.

However people still use IE7 and I have a problem know with IE7.

in IE7:

in Firefox. IE8, and Opera:

As you can see in the first image in IE7 the news text starts all the way on the right where in other browsers in the second image it starts where it should.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#309499

Hi

Open /templates/ja_sanidine/css/template.css file, at about line 451, find following code:

.article-toolswrap {
display:block;
margin:0 0 10px;
padding:0;
position:relative;
}
and change to:


.article-toolswrap {
display:inline-block;
margin:0 0 10px;
padding:0;
position:relative;
}


1 user says Thank You to JA Developer for this useful post

1. itgl72

[itgl72 Friend itgl72Join date: March 2008Posts: 230Downloads:0Uploads:1 Thanks: 41 Thanked: 10 times in 1 posts]

#309544

THANK YOU FOR THE REPLY.

That did fix the issue in IE7, however it introduced something new in IE8, FF, CHROME, and OPERA.

The section by the date where it lists author’s name and section now seem to be on two lines. I will PM you an account to see an example.

[itgl72 Friend itgl72Join date: March 2008Posts: 230Downloads:0Uploads:1 Thanks: 41 Thanked: 10 times in 1 posts]

#309547

I may have fixed this one on my own with the help of FF and Firebug.

I changed:


.article-meta {
width: 70%;
float: left;
margin-top: 3px;
color: #666666;
}


to this:


.article-meta {
width: 100%;
float: left;
margin-top: 3px;
color: #666666;
}


If you believe there was another way to do this that better suites the need please let me know.

[itgl72 Friend itgl72Join date: March 2008Posts: 230Downloads:0Uploads:1 Thanks: 41 Thanked: 10 times in 1 posts]

#309582

I hate to keep finding things that need adjustment, but it needs to be done.

Now in IE7, down at the bottom of the template in the User9 box there is something off. Look at images below:

IE7:

The arrow points to the section that does not look right.

IE8, FF, Chrome, Opera:

On these browsers it looks right.

You should still have my url in PM, but if not I will resend.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#309625

Hi

Open template.css file, add following code to the end of file:

#ja-botsl {
height: 320px !important;
}

1 user says Thank You to JA Developer for this useful post

1. itgl72

[Author]

Posts