Wordpress Themes - WP Forum at BFA - Widget shows different style in firefox

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - Widget shows different style in firefox (http://forum.bytesforall.com/showthread.php?t=9297)

pranzyt

Aug 30, 2010 11:14 PM

Widget shows different style in firefox

2 Attachment(s)

i've no problem with widgets in IE but in firebox the widgets shows awkwardly. Why? how to fix it in firefox?

here are the pics in both IE and firebox..

juggledad

Sep 1, 2010 06:01 PM

what version of Atahualpa and WP?
What is the URL?

pranzyt

Sep 2, 2010 08:55 PM

Hi paul, glad that you got this thread and I hope you'd help me fix the problem. :)

Everything is fine in IE but with firefox some coding isnt working.

I've added custom text style code in css inserts for the text in content above loop but it isnt working with firefox. Also widget title and background image in widget title isnt working the way it should.

link color in footer box doesnt work either.

I am using Atahaulpa 3.5.3 and WP 3.0.1

here is the url http://www.musthavestuffs.com

Thanx in advance.

juggledad

Sep 3, 2010 03:11 AM

What do you mean by 'shows awakwardly?

Do an export of your settings (ato->export/import settings) and attach it to a reply using the paper clip icon

pranzyt

Sep 3, 2010 10:41 PM

1 Attachment(s)

I mean to say that the widget title color, position and the background image doesnt show as assigned. Also, custom css insert for text style isnt working in firefox.

I've attached the .txt export.

juggledad

Sep 4, 2010 05:18 AM

see if this is the issue. go to ato->add HTML/CSS Inserts->CSS Inserts and scroll to the bottom where you will see

HTML Code:

div#menu1 {

        background: #146EB4;

        }



div#menu1 ul.rMenu li a:hover {text-decoration: underline},

}



.custom {

float: left;

font-family: Times New Roman; 

font-size: 14px; 

font-style: italic; 

color: #4a4a4a;

text-align: left;

width: 591px;  

margin: 0 0 0 10px; 

padding: 0;

}



div#text-3{

background: url(/wp-content/themes/atahualpa353/images/text-widget-bg.gif) repeat-x; 

border: solid 0px;

color: #ffffff;

height: 140px;

}

notice the div#menu1 ul ends with a '},' followed on the next line with a nother '}'? Remove the '},'. This is invalid syntax in the CSS.

While most browsers (Safari, FireFox, Chrome) can handle something like this, IE generally throws a fit. So take it out and see what happens

pranzyt

Sep 4, 2010 10:41 AM

Thanks Juggledad!! it worked for custom css inserts.

But I'm still having same widget problem in firefox..cant figureout whats goin wrong within.

Am I missing something? :confused:

All times are GMT -6. The time now is 09:04 PM.