[Koha] OPAC customization

[Stefano Bargioni]

To move a DOM element, use javascript (jQuery). Put this code in your opacusejs syspref and try it:

$(document).ready(function() {
 $('#members').remove().insertBefore('#breadcrumbs');
}

Hope this helps.
Stefano

On May 24, 2011, at 09:13 , amutsikiwa wrote:

> I think my real challenge is to move the message "Welcome, Mr Admire
> MUTSIKIWA Search history [x] Log Out" that appears at the top right corner,
> to somewhere, may be below the blue search bar. This will then enable my
> banner to appear at the top of the screen. However, I am at a loss to
> achieve this?
> 
> -----Original Message-----
> From: Stefano Bargioni [mailto:bargioni at pusc.it] 
> Sent: Tuesday, May 24, 2011 9:02 AM
> To: amutsikiwa
> Subject: Re: [Koha] OPAC customization
> 
> Dear Admire,
> it's a bit difficult to me to understand your needs.
> If the element (the image logo, I presume) requires no margins, you can use
> a CSS statement like this one:
> 
> #id_of_your_logo {margin: 0 0 0 0};
> 
> in OPACUserCSS syspref.
> Otherwise send me more info, a screenshot for instance.
> Bye. Stefano
> 
> On May 23, 2011, at 18:31 , amutsikiwa wrote:
> 
>> I have this on OPACUserCSS syspref
>> 
>> body {
>> 
>>        background-color :#81A8DB;
>> 
>>        text-align : left;
>> 
>>         padding : 0 0 0 0;
>> 
>>       margin:0 0 0 0;
>> 
>> }
>> 
>> 
>> 
>> But I think I have to move the code for " Log in to Your Account" that
> appears at the top right hand corner. I do have any idea on how to go about
> this! Any help?
>> 
>> 
>> 
>> From: Stefano Bargioni [mailto:bargioni at pusc.it] 
>> Sent: Monday, May 23, 2011 5:23 PM
>> To: amutsikiwa
>> Subject: Re: [Koha] OPAC customization
>> 
>> 
>> 
>> You can use the OPACUserCSS syspref.
>> 
>> Stefano
>> 
>> 
>> 
>> On May 23, 2011, at 16:21 , amutsikiwa wrote:
>> 
>> 
>> 
>> 
>> Hi,
>> 
>> 
>> 
>> I have customized my koha header via the opacheader preference under OPAC.
> However,  logo is leaving some space (margin) on all the sides of the logo.
> On the  opac.css, which css style should I change to set the margin to 0 so
> that there is no space around the logo.
>> 
>> 
>> 
>> Regards,
>> 
>> Admire Mutsikiwa
>> 
>> _______________________________________________
>> Koha mailing list  http://koha-community.org
>> Koha at lists.katipo.co.nz
>> http://lists.katipo.co.nz/mailman/listinfo/koha
>> 
>> 
>> 
>> 
>> -- 
>> This message has been scanned for viruses and 
>> dangerous content by MailScanner, and is 
>> believed to be clean.
>> 
> 
> 
> -- 
> This message has been scanned for viruses and
> dangerous content by MailScanner, and is
> believed to be clean.
> 
> 
>