right to left site

[hamidreza ahmadi]

is there a way to put the search logo on the left hand side of the
box? so as to support right to left websites...


thank you
love the application.

[Jonathan Nichols]

Hi Hamidreza,

This can be simply accomplished with the following:

#sikbox input {
background: url("images/load_icon_stop.gif") no-repeat scroll 5px
center #FFFFFF;
padding: 5px 0 0 25px;
}

One thing to keep in mind, however, is that since the css for sikbox
is inserted after all the other styles have loaded you may need to
increase the number of selectors to give that rule more weight. For
instance:

#content #sikbox input

Let me know if you have questions and if you have a link to the site
in question that would be helpful.

[hamidreza ahmadi]

I'm a bit confused. all I did was copy the script from the sikbox site
into my html. Do I have access to the css? the only css files I saw on
the sikbox site were to style the Results not the Search Box. What am
I missing here?

here is the link to the page im using sikbox on: (everything works...
its just left to right...)
http://jayezeyeadabi.com/search1.htm




On Oct 26, 3:08 pm, Jonathan Nichols <nichols.jonatha...@gmail.com>
wrote:

[Jonathan Nichols]

Sorry,

No you don't have access to the Sikbox CSS directly. However, in your
own CSS you can add the styles to override the loaded CSS.

So in about_files/template_css.css you would add the CSS below,
probably using something like:

.contentpaneopen #sikbox input {

background: url("images/load_icon_stop.gif") no-repeat scroll 5px
center #FFFFFF;
padding: 5px 0 0 25px;
}

On Oct 26, 8:47 am, hamidreza ahmadi <hrahma...@gmail.com> wrote:
> I'm a bit confused. all I did was copy the script from the sikbox site
> into my html. Do I have access to the css? the only css files I saw on
> the sikbox site were to style the Results not the Search Box. What am
> I missing here?
>
> here is the link to the page im using sikbox on: (everything works...

> its just left to right...)http://jayezeyeadabi.com/search1.htm

[hamidreza ahmadi]

thanks jonathan, it worked. however, there is still the Progress Wheel
thingy any ideas on how to move that to the other side as well?

On Oct 26, 4:12 pm, Jonathan Nichols <nichols.jonatha...@gmail.com>

[Jonathan Nichols]

#sikbox .sikbox_loading { background-position left center; }

You might also put a bit more padding on the previous CSS. It looks
like I didn't have enough and the loading icon is hitting the text.
Maybe more like 30px.

[hamidreza ahmadi]

its not working. I tried a bunch of stuff. maybe there a spelling
mistake or its just not overriding correctly. If I have a look at the
actual CSS I might be able to figure it out.

thank you for your time.

On Oct 26, 6:24 pm, Jonathan Nichols <nichols.jonatha...@gmail.com>

[Jonathan Nichols]

There was a typo

#sikbox .sikbox_loading { background-position: left center; }

[hamidreza ahmadi]

nope. lol.

I tried:

#sikbox .sikbox_loading { background-position: left center; }

I also tried:
.contentpaneopen #sikbox .sikbox_loading { background-position: left
center; }

and about 12 other alternatives. *scratching my head*
we're talking about the same thing right? I'm trying to change the
position of the progress/loading wheel.

thanks.



On Oct 27, 12:02 am, Jonathan Nichols <nichols.jonatha...@gmail.com>
wrote:

[Jonathan Nichols]

.contentpaneopen #sikbox .sikbox_loading { background: url(http://
sikbox.com/css/skins/images/ajax-loader.gif) no-repeat scroll left 50%
#FFFFFF !important; }

The !important is VERY crucial apparently.

[hamidreza ahmadi]

I got it to work. thanks Jonathan.