Koha News

Styling the "Quote of the Day" in Koha 3.10

After looking at the Quote of the Day feature within Koha 3.10, I didn’t like the lack of style that was used for its presentation. The default position is far left with no pop. So as a result I have put together some basic CSS for folks to use if they want to give this some pizazz. Please adjust for your needs.

CSS for the box that contains the quote:

#daily-quote {
background-color:#8FBCDB;
border:1px solid #000000;
border-radius:15px 15px 15px 15px;
margin:0 350px 10px;
text-align:center;
width:300px;
}

CSS for the text of the quote:

#daily-quote-text{
color: red;
}

CSS for the text of the quote source:

#daily-quote-source {
color: white;
}

The “Quote of the Day” function works in both the prog or ccsr themes and to even make things nicer this css will work in either theme, just enter the code in to your OPACUserCSS preference.

Read more by Ed Veal

Tags opac tutorial