Koha 3.14 bootstrap OPAC display question
Greetings and happy new year We're experimenting with 3.14.1 and a new colour scheme for the OPAC in our test site. The colour scheme seems to have applied just fine. The problem is with bootstrap. With the bootstrap theme enabled we end up with unsightly grey blocks with white text for tags such as Source: Publisher: Availability: , etc. Here's a link to an example of what it looks like https://drive.google.com/a/efdss.org/?usp=chrome_app#folders/0B0ag4Jlx4aGmM2... When you go to the record there are similar blocks around the tags for Publisher: Description: Subject(s): In: Summary: etc. Even when I remove our colour scheme, the grey blocks are still there. I would like to have these tags appear in bold text in the same colour as the rest of the text rather than highlighted in grey. Can anyone tell me how to change this? Or point us in the right direction? Thanks -- Elaine Bradtke Data Wrangler VWML English Folk Dance and Song Society | http://www.efdss.org Cecil Sharp House, 2 Regent's Park Road, London NW1 7AY Tel +44 (0) 20 7485 2206 (This number is for the English Folk Dance and Song Society in London, England. If you wish to phone me personally, send an e-mail first. I work off site) -------------------------------------------------------------------------- Registered Company No. 297142 Charity Registered in England and Wales No. 305999 --------------------------------------------------------------------------- "Writing about music is like dancing about architecture" --Elvis Costello (Musician magazine No. 60 (October 1983), p. 52)
That link might be <iframe src=" https://docs.google.com/a/efdss.org/file/d/0B0ag4Jlx4aGmbEhjbTVOLUo2RmRpc2Nl..." width="640" height="480"></iframe> On Mon, Jan 6, 2014 at 6:20 PM, Elaine Bradtke <eb@efdss.org> wrote:
Greetings and happy new year
We're experimenting with 3.14.1 and a new colour scheme for the OPAC in our test site.
The colour scheme seems to have applied just fine. The problem is with bootstrap. With the bootstrap theme enabled we end up with unsightly grey blocks with white text for tags such as Source: Publisher: Availability: , etc. Here's a link to an example of what it looks like https://drive.google.com/a/efdss.org/?usp=chrome_app#folders/0B0ag4Jlx4aGmM2... When you go to the record there are similar blocks around the tags for Publisher: Description: Subject(s): In: Summary: etc. Even when I remove our colour scheme, the grey blocks are still there. I would like to have these tags appear in bold text in the same colour as the rest of the text rather than highlighted in grey. Can anyone tell me how to change this? Or point us in the right direction?
Thanks -- Elaine Bradtke Data Wrangler VWML English Folk Dance and Song Society | http://www.efdss.org Cecil Sharp House, 2 Regent's Park Road, London NW1 7AY Tel +44 (0) 20 7485 2206 (This number is for the English Folk Dance and Song Society in London, England. If you wish to phone me personally, send an e-mail first. I work off site) -------------------------------------------------------------------------- Registered Company No. 297142 Charity Registered in England and Wales No. 305999 --------------------------------------------------------------------------- "Writing about music is like dancing about architecture" --Elvis Costello (Musician magazine No. 60 (October 1983), p. 52)
-- Elaine Bradtke Data Wrangler VWML English Folk Dance and Song Society | http://www.efdss.org Cecil Sharp House, 2 Regent's Park Road, London NW1 7AY Tel +44 (0) 20 7485 2206 (This number is for the English Folk Dance and Song Society in London, England. If you wish to phone me personally, send an e-mail first. I work off site) -------------------------------------------------------------------------- Registered Company No. 297142 Charity Registered in England and Wales No. 305999 --------------------------------------------------------------------------- "Writing about music is like dancing about architecture" --Elvis Costello (Musician magazine No. 60 (October 1983), p. 52)
Hi Elaine, On Mon, Jan 6, 2014 at 10:51 AM, Elaine Bradtke <eb@efdss.org> wrote:
That link might be <iframe src=" https://docs.google.com/a/efdss.org/file/d/0B0ag4Jlx4aGmbEhjbTVOLUo2RmRpc2Nl..." width="640" height="480"></iframe>
Could you post the additional CSS that you're using to effect the color changes? Regards, Galen -- Galen Charlton Manager of Implementation Equinox Software, Inc. / The Open Source Experts email: gmc@esilibrary.com direct: +1 770-709-5581 cell: +1 404-984-4366 skype: gmcharlt web: http://www.esilibrary.com/ Supporting Koha and Evergreen: http://koha-community.org & http://evergreen-ils.org
Galen, this is the CSS to change the colours, But, the grey boxes are there even when I use the default Koha colour scheme. https://drive.google.com/file/d/0B0ag4Jlx4aGmazByRmdSMzZBRFU/edit?usp=sharin... a { color: #e36f1e; font-weight: bold; text-decoration: none; } a:hover { text-decoration: underline; } On Mon, Jan 6, 2014 at 7:45 PM, Galen Charlton <gmc@esilibrary.com> wrote:
Hi Elaine,
On Mon, Jan 6, 2014 at 10:51 AM, Elaine Bradtke <eb@efdss.org> wrote:
That link might be <iframe src="
https://docs.google.com/a/efdss.org/file/d/0B0ag4Jlx4aGmbEhjbTVOLUo2RmRpc2Nl... "
width="640" height="480"></iframe>
Could you post the additional CSS that you're using to effect the color changes?
Regards,
Galen -- Galen Charlton Manager of Implementation Equinox Software, Inc. / The Open Source Experts email: gmc@esilibrary.com direct: +1 770-709-5581 cell: +1 404-984-4366 skype: gmcharlt web: http://www.esilibrary.com/ Supporting Koha and Evergreen: http://koha-community.org & http://evergreen-ils.org
-- Elaine Bradtke Data Wrangler VWML English Folk Dance and Song Society | http://www.efdss.org Cecil Sharp House, 2 Regent's Park Road, London NW1 7AY Tel +44 (0) 20 7485 2206 (This number is for the English Folk Dance and Song Society in London, England. If you wish to phone me personally, send an e-mail first. I work off site) -------------------------------------------------------------------------- Registered Company No. 297142 Charity Registered in England and Wales No. 305999 --------------------------------------------------------------------------- "Writing about music is like dancing about architecture" --Elvis Costello (Musician magazine No. 60 (October 1983), p. 52)
Hi, On Mon, Jan 6, 2014 at 2:39 PM, Elaine Bradtke <eb@efdss.org> wrote:
Galen, this is the CSS to change the colours, But, the grey boxes are there even when I use the default Koha colour scheme. https://drive.google.com/file/d/0B0ag4Jlx4aGmazByRmdSMzZBRFU/edit?usp=sharin...
The opac.css that ships with the the Bootstrap theme includes, around line 680, the following: .label { background-color: transparent; color: inherit; display: inline; The background-color here overrides a "background-color: #999999" for .label and .badge from bootstrap.min.css. It appears that the stock opac.css is not being presented in your test system, which accounts for why the grey backgrounds are showing up around the labels. What is your opaclayoutstylesheet system preference set to? I suspect that it's set to something other than "opac.css". Regards, Galen -- Galen Charlton Manager of Implementation Equinox Software, Inc. / The Open Source Experts email: gmc@esilibrary.com direct: +1 770-709-5581 cell: +1 404-984-4366 skype: gmcharlt web: http://www.esilibrary.com/ Supporting Koha and Evergreen: http://koha-community.org & http://evergreen-ils.org
Right you are. Thanks for the pointer. I thought the stylesheet was the default, but my technical half has been tinkering when I wasn't looking. I reset it to opac.css and the grey blocks have vanished! Thanks. On Mon, Jan 6, 2014 at 10:53 PM, Galen Charlton <gmc@esilibrary.com> wrote:
Hi,
Galen, this is the CSS to change the colours, But, the grey boxes are
On Mon, Jan 6, 2014 at 2:39 PM, Elaine Bradtke <eb@efdss.org> wrote: there
even when I use the default Koha colour scheme.
https://drive.google.com/file/d/0B0ag4Jlx4aGmazByRmdSMzZBRFU/edit?usp=sharin...
The opac.css that ships with the the Bootstrap theme includes, around line 680, the following:
.label { background-color: transparent; color: inherit; display: inline;
The background-color here overrides a "background-color: #999999" for .label and .badge from bootstrap.min.css. It appears that the stock opac.css is not being presented in your test system, which accounts for why the grey backgrounds are showing up around the labels.
What is your opaclayoutstylesheet system preference set to? I suspect that it's set to something other than "opac.css".
Regards,
Galen -- Galen Charlton Manager of Implementation Equinox Software, Inc. / The Open Source Experts email: gmc@esilibrary.com direct: +1 770-709-5581 cell: +1 404-984-4366 skype: gmcharlt web: http://www.esilibrary.com/ Supporting Koha and Evergreen: http://koha-community.org & http://evergreen-ils.org
-- Elaine Bradtke Data Wrangler VWML English Folk Dance and Song Society | http://www.efdss.org Cecil Sharp House, 2 Regent's Park Road, London NW1 7AY Tel +44 (0) 20 7485 2206 (This number is for the English Folk Dance and Song Society in London, England. If you wish to phone me personally, send an e-mail first. I work off site) -------------------------------------------------------------------------- Registered Company No. 297142 Charity Registered in England and Wales No. 305999 --------------------------------------------------------------------------- "Writing about music is like dancing about architecture" --Elvis Costello (Musician magazine No. 60 (October 1983), p. 52)
participants (2)
-
Elaine Bradtke -
Galen Charlton