Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   Atahualpa and iexplorer (http://forum.bytesforall.com/showthread.php?t=421)

Jackie Feb 17, 2009 07:57 AM

Atahualpa and iexplorer
 
I have just downloaded this theme from wp site and found instructions on how to set up as clean single page sales letter site. Everything was fine with Firefox, but when I tried to load up on internet explorer, it just shows a white rectangular box.
Can someone help me with this, as I dont have any technical knowlege on how to fix this.
Cheers
Jackie

Flynn Feb 17, 2009 08:11 AM

Please post a URL. (Atahualpa 3 is quite browser-safe and fully tested with IE 6/7/8, unlike many other themes)

tepper Feb 17, 2009 01:02 PM

i have a similar problem.
When i view my site on Safari, i can see everything correctly (text, custom image header, layout). But when viewing via Internet explorer, Firefox and possibly other browsers, it shows up as just plain text, no images are displayed and layout is skewed.
additionally, i installed this theme with wordpress and using Cyberduck and bluehost as my host. I checked the image file path (i might have my language confused here) there are no spaces, just one word, however, it is a jpeg but i didnt read anything that said it had to be a gif.
Where does the problem lie- how i uploaded? the theme? wp? my host?

also, do you recommend using a plugin for large photo files? i.e. NextGEN?

thanks

check it out:
www.erikasabel.com

Jackie Feb 17, 2009 02:19 PM

Sorry url as follows

www.keywordsexposed.com

Thanks any help would be appreciated

Flynn Feb 17, 2009 05:25 PM

Quote:

Originally Posted by Jackie (Post 1658)
Sorry url as follows

www.keywordsexposed.com

Thanks any help would be appreciated

You've pasted text directly from MS Word. When pasting from Word, either use the "Past from Word" button in the Wordpress editor, or better yet, paste into a text editor first to lose the proprietary Microsoft formatting, then copy and paste from there. This means that you would have to re-aply the formatting to the text, but this time inside the Wordpress editor, not in Word.

So, delete the post or the content of the post (in HTML mode, in the WP editor), then paste the fresh unformatted text inside again, and format inside the WP editor

Flynn Feb 17, 2009 05:47 PM

Quote:

Originally Posted by tepper (Post 1653)
i have a similar problem.
When i view my site on Safari, i can see everything correctly (text, custom image header, layout). But when viewing via Internet explorer, Firefox and possibly other browsers, it shows up as just plain text, no images are displayed and layout is skewed.
additionally, i installed this theme with wordpress and using Cyberduck and bluehost as my host. I checked the image file path (i might have my language confused here) there are no spaces, just one word, however, it is a jpeg but i didnt read anything that said it had to be a gif.
Where does the problem lie- how i uploaded? the theme? wp? my host?

also, do you recommend using a plugin for large photo files? i.e. NextGEN?

thanks

check it out:
www.erikasabel.com

You have not closed a CSS style with a right bracket at A. Theme Options -> Body, text & Links -> Body Style.

HTML Code:

background: url(/wp-content/themes/atahualpa3/images/Biomach.jpg;
should be

HTML Code:

background: url(/wp-content/themes/atahualpa3/images/Biomach.jpg);
Note the closing bracket after Biomach.jpg

Also, your path to the theme files seems to be
HTML Code:

/wp-content/themes/atahualpa/atahualpa/
instead of
HTML Code:

/wp-content/themes/atahualpa3/
You should change that at that CSS style above if the background image doesn't show.

And if the layout is still messed up you might have similar errors (missing brackets, missing semicolons) at other theme options.

The reason the above errors gets through in Safari but throws off other browsers is that Safari lets it go as error and ignores it whereas the others try to interpret it as something.

Jackie Feb 17, 2009 08:13 PM

Thanks Flynn

You have been a great help...all is working fine now.
I learn something everyday.

tepper Feb 18, 2009 12:10 AM

Flynn,
Thank you for that informative response. I understand my error, it makes sense and i wish with all my might that i could figure out how to change my file path url on my very own, but it i am not having much luck. As you pointed out in my FTP server the theme is saved within itself, like a duplicate folder so that the path reads: .../atahualpa/atahualpa/.... instead of: /atahualpa3/...
so what does that mean? why did that happen? did i upload the theme incorrectly initially? how can i change it so that all paths will read atahualpa3 instead of editing CSS style format manually (which i barely understand what that means or how to do it successfully). Also, i tried dragging and dropping content from second atahualpa folder into the first atahualpa folder to eliminate the redundancy but that just made my website go blank with no content.
please advise.
thanks for your help!

Flynn Feb 18, 2009 03:30 AM

There's no problem with having the theme files in a unusual place. Just change /atahualpa3/ to /atahualpa/atahualpa/ wherever you used /atahualpa3/ in any of the settings at Atahualpa Theme Options -> ...

You'd just have to remember that you have the theme in /atahualpa/atahualpa/ whenever you want to reference images and read about /atahualpa/ or /atahualpa3/ here on the forums. There's confusion about the location anyway because I intended /atahualpa3/ to be the location of Atahualpa version 3.x, but wordpress.org changed the folder name of my theme files to /atahualpa/ so most people have /atahualpa/ now instead of /atahualpa3/ as the theme directory, and you have /atahualpa/atahualpa/. Doesn't matter really as long as you know your path

For all existing images (sticky image in sticky posts, header image(s), down and right arrows in menus) the theme figures out the path aynway. Only when you add an image on your own (like you did with a background image for the body) you'd have to remember the right path. So the only change you'd have to make is, change, at A. Theme Options -> Body, text & Links -> Body Style

HTML Code:

background: url(/wp-content/themes/atahualpa3/images/Biomach.jpg);
to

HTML Code:

background: url(/wp-content/themes/atahualpa/atahualpa/images/Biomach.jpg);

EasyWizard Mar 1, 2009 05:19 PM

Hi downloaded the theme a few days ago.

It is awesome.

One of the sites i am managing here running the theme has issues with IE

The blog title when rolled over changes to font size to 200+%

Any ideas

Flynn Mar 1, 2009 06:13 PM

Quote:

Originally Posted by EasyWizard (Post 2390)
Hi downloaded the theme a few days ago.

It is awesome.

One of the sites i am managing here running the theme has issues with IE

The blog title when rolled over changes to font size to 200+%

Any ideas

You have added this in style.css

h1.blogtitle {
display: block;
{font-size: 1.7em; font-weight: bold;}
/* more ... */
}
h1.blogtitle a:hover {
text-decoration: none;
{font-size: 1.7em; font-weight: bold;}
/* more ... */
}

1. You shouldn't have to edit style.css. Even if you don't find a theme option, you can still add your own CSS through HTML/CSS Inserts -> CSS Inserts. That way your CSS will be preserved when you update to a new theme version

2. The red brackets aren't needed here. The whole style already has brackets (blue)

3. The 1.7 em of the h1 and the 1.7 of the a:hover are adding up because they are immediately inside each other <h1><a href=...>..</a></h1>. Firefox is ignoring that because the CSS is wrong anyway, but IE apparently doesn't

To set the size of the blog title, add font-size: 1.7em; to A. Theme Options -> Header -> Blog title

MarShe Mar 24, 2009 06:52 PM

As with the original poster in this thread, I am getting visitors with Internet Explorer who see 3 out of 8 pages blank with the exception of the header. http://www.mygirlsgroup.com Your response was:

"You've pasted text directly from MS Word. When pasting from Word, either use the "Past from Word" button in the Wordpress editor, or better yet, paste into a text editor first to lose the proprietary Microsoft formatting, then copy and paste from there. This means that you would have to re-aply the formatting to the text, but this time inside the Wordpress editor, not in Word.

So, delete the post or the content of the post (in HTML mode, in the WP editor), then paste the fresh unformatted text inside again, and format inside the WP editor"

I may have pasted from word, I don't remember so I made the correction as you described on the Content page to no avial. I have done it using 'paste from Word' and removing formatting in Notepad entering it into the Wordpress editor and reformatting it. Neither made any difference. Is there another possible explanation? The 3 effected pages are: CONTENT, FAQs and REGISTRATION, where some code is showing so that problem seems to be different from the other 2 pages.

Thank you in advance!

Flynn Mar 24, 2009 07:09 PM

All 3 pages still have a lot of MS Word code. Copy the text right from the browser window, paste it into notepad or another editor that doesn't apply any formatting. Now either delete those 3 pages and create them fresh (safest) or, if you rather delete their contents, make sure you grab all the MS code as well. To do this go into "HTML" mode an delete all the post content. Finally copy and paste the text from the text editor into the newly created or cleaned, blank post

Mrs. Smith Mar 26, 2009 06:22 PM

Hi Flynn,

im so glad i found this thread. i have been having problems with how my site displays on i.e.

http://thats-all-folks.com

at first nothing was showing but the header and left column. i somehow managed to show the articles but im still missing the right column and the footer.

please let me know how i can fix this. :confused:

Flynn Mar 27, 2009 05:35 PM

You pasted from MS WORD which is usually causing issues in IE because IE tries to follow those MS fromatting tags whereas other browsers ignore it

Re-create the posts by copying them again, from Word or from your site, then paste the text int a text editor first, and copy and paste from there. Apply formatting inside the WP editor, if any

vinniev Mar 31, 2009 09:43 PM

Hey Flynn, I'm having a similar issue with the display in IE.

My issue specifically has to do with an Aweber form on the Left sidebar. It's displaying properly in Firefox but when viewing in IE the form doesn't close on the right side. It stretches into the body of the site and is cut off.

I haven't used MS Word for any of the text and I copied it directly from the Aweber site.

I'd appreciate if you could take a look http://phoenixexteriors.net/index/

Thanks in advance!

Flynn Mar 31, 2009 10:18 PM

Add a CSS Insert:

HTML Code:

div#text-380383901 table {
width: 180px;
}

To further shrink it you'd have to style the submit button, too, as its width doesn't allow the table to shrink much further. For this, first edit the text widget and add an ID, i.e. "mybutton", to the button:

Change:

<input type="submit" name="submit" value="Send My FREE Report">

to:

<input id="mybutton" type="submit" name="submit" value="Send My FREE Report">

Then use this CSS Insert instead of the one above:

HTML Code:

div#text-380383901 table {
width: 160px;
}
input#mybutton {
overflow: visible; /* IE hack to remove the extra padding that IE puts on buttons */
}


vinniev Apr 1, 2009 10:12 AM

Thanks Flynn, I still need some help. I'm afraid CSS Inserts are still pretty foreign to me. I replaced the HTML code as you described but I wasn't sure where to add the CSS insert.

I added it to the HTML/CSS Inserts tab but it's still not showing up properly in IE.

When you get a sec could you please take another look and let me know what I'm doing wrong?

Thanks Flynn!

-vinnie-

Flynn Apr 1, 2009 10:49 AM

You've put it into the right place, at Atahualpa Theme Options -> HTML/CSS Inserts -> CSS Inserts

but only a part of the code. This is what you have now:

HTML Code:

}
input#mybutton {
overflow: visible; /* IE hack to remove the extra padding that IE puts on buttons */
}

And that part is already working in IE, even though the single } on top should be the closing bracket of the first style, see below.

Change the above code that you've put into CSS Inserts to

HTML Code:

div#text-380383901 table {
width: 160px;
}
input#mybutton {
overflow: visible; /* IE hack to remove the extra padding that IE puts on buttons */
}

Edit the width: 160px; part to get another width for that table



P.S.: The number text-380383901 is the ID that WordPress gave this specific text widget. If you remove that text widget and add it again, this number might change. In that case you'd have to look into the source code of your page and see what the new number is, and edit the CSS insert accordingly. This is how the number appears in the source code (Browser -> View Source code)

<div id="text-380383901" class="widget widget_text">

vinniev Apr 1, 2009 10:57 AM

Flynn....dude....you are the man! If you were here I would totally give you a hug! :p

Thank you!!!

vinniev Apr 1, 2009 10:23 PM

Flynn, can you take another look at my code? I added my Google Analytics code and adjusted the fonts on the widgets and I somehow blew out my Aweber table again in IE.

Thanks in advance Flynn.

Flynn Apr 2, 2009 07:20 AM

This is caused by the missing quote at the end of the table style. Also various invalid tags (as per XHTML strict).

Replace

<table style="border:1px solid black;padding:0px;background-color:light-yellow[closing quote missing here]>
<tr><td colspan=2><center><div align="center"><strong><font color="#ff0000">"10 Ways To Increase The Value Of Your Home!"</font></strong></div></center></td></tr>

with

<table style="border:1px solid black;padding:0px;background-color:light-yellow">
<tr><td colspan="2" style="text-align: center; font-weight: bold; color: #ff0000">"10 Ways To Increase The Value Of Your Home!"</td></tr>

vinniev Apr 2, 2009 09:41 AM

Why does IE hate me? I replaced my code with yours and it's still not closing that table. Am I retarded? :confused:

Flynn Apr 2, 2009 09:03 PM

My bad, IE rears its ugly head here.

Add to the CSS insert from above a width for the button

div#text-380383901 table {
width: 150px;
}
input#mybutton {
overflow: visible; /* IE hack to remove the extra padding that IE puts on buttons */
width: 140px;
}

vinniev Apr 2, 2009 09:32 PM

Thanks again Flynn! I thought I jacked up the code somehow.

You may have noticed that I edited my footer link to remove the Powered By Wordpress words but I definitely kept your link in there. It just wouldn't be right to remove it!!!

I'm gonna pimp your site the next time I'm on Sherman Hu's Half Hour Huddle (http://bitiptv.com/show/halfhourhuddle)

I'm also going to recommend you and your theme in my next tweet.

You rock man!!!

francos Apr 3, 2009 01:41 AM

Hi Flynn,
I use your best theme without problems with Mac and Safari, Opera and FireFox.
Also with Win Xp and FireFox and Opera I have no problems but...
I have problem with IE because a error appers and say
"imposible access to site, probable no connection"

www.audittclub.it/wp

excuse me for my bad english :-)

SeanBuck Apr 3, 2009 06:41 AM

I can not seem to get my pages that I originally pasted from Word to work correctly. I took the Word text and dropped into notepad to get rid of the formatting and then dropped into the post. The text is now showing in IE but that is all. It will not show the additional comments or the option to leave a comment.
Can anyone please point me in the right direction?

SeanBuck Apr 3, 2009 07:10 PM

I figured it out. I seems that cutting and pasting from Word into Notepad does not work. I had to retype the post directly into the post editor and all of the formatting on the page was back and properly showing in IE.

tim5046 Jun 25, 2009 07:56 AM

Hello,

I have a problem with my site in Internet Explorer and I'm not quite sure what's going on. Whenever I view my site in firefox it works fine -- however not in Internet Explorer.

First of all, my page menu bar is completely blank in internet explorer, yet every page shows up in Firefox.

Also, the picture on top of my right sidebar hangs out of the sidebar box in Firefox (which I want it to do), but it is cut off and constrained by the box in Internet Explorer. Please help me figure out what's going on if at all possible.

http://blog.englishteastore.com

Thank you!

Flynn Jun 25, 2009 08:42 AM

Your TR and TD's in the header are messed up. The first two rows don't have colspan=2, and the
<td id="header" colspan="2">
starts without a TR.

Basically, make sure you open / close TR and TD properly


<tr>
<td colspan="2"> ... content ... </td>
</tr>
<tr>
<td colspan="2"> ... content ... </td>
</tr>
<tr>
<td id="header" colspan="2"> ... content ... </td>
</tr>

tim5046 Jun 25, 2009 08:53 AM

Wow. The support for this theme is incredible -- thank you sincerely for the very fast response. I did exactly as you said, and have fixed the problem with my header in IE. One thing though -- do you have any idea why my page menu bar is completely blank in IE, but it shows up in Firefox? Also my other question from before -- in Firefox I have an image in my right sidebar that hangs out of the sidebar, however in IE it is constrained by the sidebar. I'm not sure how to fix this in IE. Any ideas would be greatly appreciated.


thank you!

Flynn Jun 25, 2009 10:17 AM

Add position:relative to both the menu and the image

Urbanred Sep 25, 2009 06:55 PM

It seems that IE users are getting a blank page with my website while Firefox and Safari users are having no problems. Is it a missing ; or ) from a change I made? I can't find anything, but my eyes are getting a little tired looking through this. Another pair is appreciated.

http://www.jungleswing.ca

Cheers,
UR

Flynn Sep 25, 2009 07:11 PM

Try disabling your plugins one by one and check the site in IE each time to see if a particular plugin is causing this.

Urbanred Sep 25, 2009 08:17 PM

Thanks Flynn, I'll give that a shot.

Cheers,
UR.

Urbanred Sep 26, 2009 11:54 AM

Quote:

Originally Posted by Flynn (Post 15341)
Try disabling your plugins one by one and check the site in IE each time to see if a particular plugin is causing this.

Thanks Flynn. It was the Twitter badge that I had added as a plugin.

As a note to everyone else, the WP-TwitterBadge by Kyle Baker does not play well with IE 7 & 8

Cheers,
UR

baldwin14 Oct 17, 2009 02:09 AM

Hi, I am new to using this theme (and to a degree wordpress too), but I also have issues with viewing this theme using Internet Explorer. My site site formatting looks fine in firefox, but after I was yelled out by 'boss' who uses Internet Explorer, I cannot understand why it doesn't look correct under that browser. I have 38 websites to design (gulp), but using the website below as the base site as I have a shell script which automatically zips up the site and downloads the mysql database, changes keywords and can re-upload it to the other websites (the shell script side of things works fine). But I need to get the base site below working first.

eg.

http://www.boroughparkpestcontrol.com.

I thought that it might be due to none standard plug-ins, as this site does use autoblog - rss feeds, but even after turning those plugins off, the issue still exists. I am using the current up to date version of Atahualpa (3.4.4). The only thing so far changed on formatting is a new top image of New York, the rest (.css and theme pages) are as the default installation.

I am clueless to where the problem might lay.

Any help would be useful. Thanks.

Dave

over_cloud9 Dec 15, 2009 12:20 PM

Hi,
I love atahualpa as its ready customization with wordpress and my website helped start my RPG gaming blog readily.Currently I have two problems-

1)My site Over Cloud 9 has a background image in yellow which shows well in firefox and opera.but in IE everything else loads properly but the background doesnt.so it is white basically when viewed in IE but my designer yellow in firefox and opera.Please help me fix it.

2)atahualpa has huge number of images,most of which I hardly use ever,and it is slowing down the page loading time.Is there a way where by I can edit the html/css to load all images(whether they are icons,header image,favicon,etc) from any specific url I want instead of running them from my webhost?is there any way to add custom CSS sprites?if yes,how do I configure it for images only?

PortMaria.62 Jan 15, 2010 06:58 AM

I, too, am having the same problem. OK in safari and firefox, bit IE does strange things. I use an Intel IMac

juggledad Jan 16, 2010 04:20 AM

PortMaria.62, what are you issues - please be a little more specific
What version of Atahualpa, WP and PHP?
What is your URL?


All times are GMT -6. The time now is 08:51 PM.

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.