[Xerte] Re: problems setting CSS for custom theme

[Catherall, Paul]

Many thanks Ron
That didn’t override it, thinking about it, it must be some css not being overridden by my local style, I noticed this in –
common_html5\css\themeStyles.css

#x_headerBlock {
                color:                                     #FFFFFF;
                background:                      #434343; /* for non-css3 browsers */
                filter:                                     progid:DXImageTransform.Microsoft.gradient(startColorstr="#010101", endColorstr="#434343"); /* for IE */
                background:                      -webkit-gradient(linear, left top, left bottom, from(#010101), to(#434343)); /* for webkit browsers */
                background:                      -moz-linear-gradient(top,  #010101,  #434343); /* for firefox 3.6+ */
                background-image:        -o-linear-gradient(#010101, #434343); /* for Opera */
}

If I include

filter: none !important;

…to my own local theme CSS I can override the solid header and add a background image -

#x_headerBlock {
color: #FFFFFF;
background-image: url(repeattop.png);
background-repeat: repeat-x;
background-position: right bottom;
background:  url(repeattop.png) repeat-x right bottom;
filter: none !important;
}

Rgds

Paul


From: xerte-bounces at lists.nottingham.ac.uk [mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of ronm at mitchellmedia.co.uk
Sent: 14 July 2016 19:19
To: 'Xerte discussion list' <xerte at lists.nottingham.ac.uk>
Subject: [Xerte] Re: problems setting CSS for custom theme

Add background-color:#ffffff; to the #x_headerBlock styles?

#x_headerBlock {
color: #FFFFFF;
background-image: url(repeattop.png);
background-repeat: repeat-x;
background-position: right bottom !important;
background-color:#ffffff;
}

From: xerte-bounces at lists.nottingham.ac.uk<mailto:xerte-bounces at lists.nottingham.ac.uk> [mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Catherall, Paul
Sent: 14 July 2016 17:15
To: 'Xerte discussion list ‎' <xerte at lists.nottingham.ac.uk<mailto:xerte at lists.nottingham.ac.uk>>
Subject: [Xerte] problems setting CSS for custom theme


Hi, just wondering if anyone can offer any advice on fixing the following issue in Xerte, I have set up a custom theme (css) but can't override the background/background-image of the top header/banner (I can for the footer), it remains black when viewed in IE9, (this doesn't happen in other browsers such as Chrome), I think it's being overidden by some core style maybe....

Here is an "offline export" archive of my object in HTML format: http://pcwww.liv.ac.uk/~cathpaul/test/offlineexport.zip

Here is an "Archive export" archive which can be uploaded in Xerte http://pcwww.liv.ac.uk/~cathpaul/test/archiveexport.zip

To illustrate here is the offline export running on a simple Web server:

http://pcwww.liv.ac.uk/~cathpaul/test/index.htm



I’ve also attached the theme files, normally this would sit at «htdocs\xertetoolkits\themes\Nottingham



I’ve not managed to test on an Edge computer yet, I guess one default response to this is that only latest version of browsers are supported i.e. ‘update your web browser’…



Rgds



Paul


[cid:image002.jpg at 01D1DE92.920249B0]







This message and any attachment are intended solely for the addressee

and may contain confidential information. If you have received this

message in error, please send it back to me, and immediately delete it.



Please do not use, copy or disclose the information contained in this

message or in any attachment.  Any views or opinions expressed by the

author of this email do not necessarily reflect the views of the

University of Nottingham.



This message has been checked for viruses but the contents of an

attachment may still contain software viruses which could damage your

computer system, you are advised to perform your own checks. Email

communications with the University of Nottingham may be monitored as

permitted by UK legislation.







This message and any attachment are intended solely for the addressee

and may contain confidential information. If you have received this

message in error, please send it back to me, and immediately delete it.



Please do not use, copy or disclose the information contained in this

message or in any attachment.  Any views or opinions expressed by the

author of this email do not necessarily reflect the views of the

University of Nottingham.



This message has been checked for viruses but the contents of an

attachment may still contain software viruses which could damage your

computer system, you are advised to perform your own checks. Email

communications with the University of Nottingham may be monitored as

permitted by UK legislation.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20160715/d5048c9a/attachment-0001.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image002.jpg
Type: image/jpeg
Size: 56764 bytes
Desc: image002.jpg
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20160715/d5048c9a/attachment-0001.jpg>