CSS to Add to Existing Theme
Side Panels
To change block colour of side panels add this:
/*CHANGES BACKGROUND COLOUR OF SIDE PANELS */
#content-wrapper
{
background:#d8d5ff;
}
/*CHANGES BACKGROUND COLOUR OF SIDE PANELS */
#content-wrapper
{
background:#d8d5ff;
}
To add an image to the side panels add this:
/*CHANGES IMAGE IN SIDE PANELS*/
#content-wrapper
{
background-image:url (http://www.stripegenerator.com/generators/generate_stripes.php?fore=E6F5F1&h=30&w=41&p=4&back1=ffffff&back2=ff0000>=0&d=0&shadow=0&);
}
/*CHANGES IMAGE IN SIDE PANELS*/
#content-wrapper
{
background-image:url (http://www.stripegenerator.com/generators/generate_stripes.php?fore=E6F5F1&h=30&w=41&p=4&back1=ffffff&back2=ff0000>=0&d=0&shadow=0&);
}
Footer
/*CUSTOM: CHANGES COLOUR OF FOOTER*/
#footer
{
background:#ffffff;
}
#footer
{
background:#ffffff;
}
- Go to live site> Program Guide > View Program Archive
- Hover over the list of programs and right click > This frame > View frame source
- Select (inclusive of) <table>...</table>
- Copy and paste into http://www.zubrag.com/tools/html-tags-stripper.php
- In the Allow Tags field paste in <tr><td><th><table>
- Click 'Strip'
- Copy the new code
- Go to the Weebly editor for the station site
- Edit Station > Program Guide page
- Drag in an Embed Code element
- Paste the code and enter no script tag <noscript> [new embed code] </noscript>
- Publish the site
Check it is correct: F12 > Toolbox option on the right > Select 'Disable Javascript' > A list of the programs should appear on the Program Guide page with no links if correct > Enable Javascript
#content-wrapper
/* CUSTOM: CHANGES BACKGROUND COLOUR OF SIDE PANELS WITH IMAGE */
{
background-image:url(http://www.stripegenerator.com/generators/generate_stripes.php?fore=E6F5F1&h=30&w=41&p=4&back1=ffffff&back2=ff0000>=0&d=0&shadow=0&);
}
#content-wrapper
/* CUSTOM: CHANGES BACKGROUND COLOUR OF SIDE PANELS WITH IMAGE */
{
background-image: url(https://upload.wikimedia.org/wikipedia/commons/9/9e/Newcastle_view.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.no-header-page #content-wrapper
/* CUSTOM: CHANGES SPACE BETWEEN NAV BAR AND WHITE CONTENT BACKGROUND*/
{
padding-top: 205px;
}
https://johnpagecorrigan.files.wordpress.com/2010/09/fruit-food-art_1.jpg
http://static.tumblr.com/bb07e4b3f1140e547fd004bb193af8e8/vib67cm/CBjmp9j9v/tumblr_static_dep_1021376-lunch-break---sign.png
#content
/*CUSTOM: CHANGES PADDING BETWEEN NAV AND CONTENT ON DESKTOP*/
{
padding: 2.5em 2em;
padding-top: 2.5em;
padding-right: 2em;
padding-bottom: 4.5em;
padding-left: 2em;
}
http://3pls.demostation.info/uploads/7/4/7/6/74764849/sea-water-ocean-waves_orig.jpg
#wsite-search-list h3, #wsite-search-sidebar h3
/*CUSTOM: CHANGES COLOUR OF TITLES IN SEARCH RESULTS*/
{
color: #8DC73F;
}
.wsite-logo
/* CUSTOM: MAKES LONG LOGOS RESPONSIVE*/
{
margin-bottom: 1px;
overflow-x: hidden;
width: 97vw;
max-width: 1112px;
}
#footer
/*CUSTOM: CHANGES COLOUR OF FOOTER*/
{
background:#ffffff;
}
#content .paragraph a
/*CUSTOM: CHANGES COLOUR OF UNDERLINE ON HYPERLINKS IN PARAGRAPH TEXT */
{
border-bottom: 2px solid #146835;
}
#wsite-menus .wsite-menu li a
/*CUSTOM: CHANGES SUBMENU NAV BAR COLOUR*/
{
background: #CE8701; opacity: 0.9;
}
http://www.superboothoz.com/content/uploads/2015/08/buy-local-inverell.jpg
199.34.228.69
.wsite-panel-title.wsite-com-store-shipping-info-label::after {
content: " - The address field is a required field, however please feel free to put in a dummy address as we do not require a real address from you (e.g. 123 Fake Street, Fake Town, NSW, 007). You will receive an email confirming your booking, along with further instructions on what to do on the day.";
}
div#content-wrapper {
width: 80%;
padding-left: 150px;
}
#masthead {
background-image:url(http://4you.demostation.info/uploads/9/9/5/4/99547264/published/11011205-1660026607616047-4539847727251239153-n2.jpg?1486338778);
}
/*CUSTOM: CHANGES BACKGROUND COLOUR OF SEARCH BUTTON ON A WHITE HEADER*/
#wsite-header-search-form {
width: 40px;
height: 40px;
}
#header .wsite-search-button {
width: 40px;
height: 40px;
background-color: #F17B14;
border-radius: 20px;
}
#wsite-content {
padding-top: 3em;
}
.wsite-page.audio-player #wsite-content
{
margin:0
}
http://7edg.radiopages.info/frames/programs-header.php
http://7edg.radiopages.info/frames/programs-sidebar.php
http://7edg.radiopages.info/frames/programs-footer.php
.no-header-page #content-wrapper
{
padding-top: 200px;
}
@media (max-width: 767px){
.no-header-page #content-wrapper {
padding-top: 70px;
}}
@media (max-width: 991px)
{
#content {
padding-top: 7em;
}}
@media (max-width: 991px){
#content
{
padding-top: 2em !important;
background:none !important;
}
}
@media (max-width: 767px){
#content
{
padding-top: 2em !important;
background:none !important;
}
}
#content
{
background:none!important;
}
REDIRECT CODE FOR SUBDOMAINS
<script>
var regex = /https?:\/\/([^\/]+)\/.*\?(.*)/;
var match = regex.exec(location.href);
var url = 'http://programs.'+match[1]+'/'+match[2];
location = url;
</script>
/* CUSTOM: CHANGES BACKGROUND COLOUR OF SIDE PANELS WITH IMAGE */
{
background-image:url(http://www.stripegenerator.com/generators/generate_stripes.php?fore=E6F5F1&h=30&w=41&p=4&back1=ffffff&back2=ff0000>=0&d=0&shadow=0&);
}
#content-wrapper
/* CUSTOM: CHANGES BACKGROUND COLOUR OF SIDE PANELS WITH IMAGE */
{
background-image: url(https://upload.wikimedia.org/wikipedia/commons/9/9e/Newcastle_view.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.no-header-page #content-wrapper
/* CUSTOM: CHANGES SPACE BETWEEN NAV BAR AND WHITE CONTENT BACKGROUND*/
{
padding-top: 205px;
}
https://johnpagecorrigan.files.wordpress.com/2010/09/fruit-food-art_1.jpg
http://static.tumblr.com/bb07e4b3f1140e547fd004bb193af8e8/vib67cm/CBjmp9j9v/tumblr_static_dep_1021376-lunch-break---sign.png
#content
/*CUSTOM: CHANGES PADDING BETWEEN NAV AND CONTENT ON DESKTOP*/
{
padding: 2.5em 2em;
padding-top: 2.5em;
padding-right: 2em;
padding-bottom: 4.5em;
padding-left: 2em;
}
http://3pls.demostation.info/uploads/7/4/7/6/74764849/sea-water-ocean-waves_orig.jpg
#wsite-search-list h3, #wsite-search-sidebar h3
/*CUSTOM: CHANGES COLOUR OF TITLES IN SEARCH RESULTS*/
{
color: #8DC73F;
}
.wsite-logo
/* CUSTOM: MAKES LONG LOGOS RESPONSIVE*/
{
margin-bottom: 1px;
overflow-x: hidden;
width: 97vw;
max-width: 1112px;
}
#footer
/*CUSTOM: CHANGES COLOUR OF FOOTER*/
{
background:#ffffff;
}
#content .paragraph a
/*CUSTOM: CHANGES COLOUR OF UNDERLINE ON HYPERLINKS IN PARAGRAPH TEXT */
{
border-bottom: 2px solid #146835;
}
#wsite-menus .wsite-menu li a
/*CUSTOM: CHANGES SUBMENU NAV BAR COLOUR*/
{
background: #CE8701; opacity: 0.9;
}
http://www.superboothoz.com/content/uploads/2015/08/buy-local-inverell.jpg
199.34.228.69
.wsite-panel-title.wsite-com-store-shipping-info-label::after {
content: " - The address field is a required field, however please feel free to put in a dummy address as we do not require a real address from you (e.g. 123 Fake Street, Fake Town, NSW, 007). You will receive an email confirming your booking, along with further instructions on what to do on the day.";
}
div#content-wrapper {
width: 80%;
padding-left: 150px;
}
#masthead {
background-image:url(http://4you.demostation.info/uploads/9/9/5/4/99547264/published/11011205-1660026607616047-4539847727251239153-n2.jpg?1486338778);
}
/*CUSTOM: CHANGES BACKGROUND COLOUR OF SEARCH BUTTON ON A WHITE HEADER*/
#wsite-header-search-form {
width: 40px;
height: 40px;
}
#header .wsite-search-button {
width: 40px;
height: 40px;
background-color: #F17B14;
border-radius: 20px;
}
#wsite-content {
padding-top: 3em;
}
.wsite-page.audio-player #wsite-content
{
margin:0
}
http://7edg.radiopages.info/frames/programs-header.php
http://7edg.radiopages.info/frames/programs-sidebar.php
http://7edg.radiopages.info/frames/programs-footer.php
.no-header-page #content-wrapper
{
padding-top: 200px;
}
@media (max-width: 767px){
.no-header-page #content-wrapper {
padding-top: 70px;
}}
@media (max-width: 991px)
{
#content {
padding-top: 7em;
}}
@media (max-width: 991px){
#content
{
padding-top: 2em !important;
background:none !important;
}
}
@media (max-width: 767px){
#content
{
padding-top: 2em !important;
background:none !important;
}
}
#content
{
background:none!important;
}
REDIRECT CODE FOR SUBDOMAINS
<script>
var regex = /https?:\/\/([^\/]+)\/.*\?(.*)/;
var match = regex.exec(location.href);
var url = 'http://programs.'+match[1]+'/'+match[2];
location = url;
</script>