andij731

Ok thnaks Joe. I’ll do that. Thanks for your help.

Thanks for the advice Joe. There is a ‘script editor’ option under My Caledar but not a ‘Script Manager’ option. I can’t find a ‘use ustom JS’ option. I have fiddled with some of the other javascript option but it didnt make any difference. Am I looking in the right place?

Here are the option I have in script editor.

Insert scripts on these pages (comma separated post IDs)
Calendar Behaviors: Calendar View

Update/Reset the My Calendar Calendar Javascript Disable Calendar Javascript Effects

Edit the jQuery scripts for My Calendar in Calendar format
$(function() {
$(“.calendar-event”).children().not(“.event-title”).hide();
$(document).on(“click”, “.calendar-event .event-title”,
function(e) {
e.preventDefault(); // remove line if you are using a link in the event title
$(this).parent().children().not(“.event-title”).toggle();
});
$(document).on(“click”, “.calendar-event .close”,
function(e) {
e.preventDefault();
$(this).parent().toggle();
});
});
Your script matches that included with My Calendar.

Calendar Behaviors: List View

Update/Reset the My Calendar List Javascript Disable List Javascript Effects

Edit the jQuery scripts for My Calendar in List format
$(function() {
$(“li.mc-events”).children().not(“.event-date”).hide();
$(“li.current-day”).children().show();
$(document).on(“click”, “.event-date”,
function(e) {
e.preventDefault();
$(this).parent().children().not(“.event-date”).toggle();
});
});
Your script matches that included with My Calendar.

Calendar Behaviors: Mini Calendar View

Update/Reset the My Calendar Mini Format Javascript Disable Mini Javascript Effects

Edit the jQuery scripts for My Calendar in Mini Calendar format
$(function() {
$(“.mini .has-events”).children().not(“.trigger”).hide();
$(document).on(“click”, “.mini .has-events .trigger”,
function(e) {
e.preventDefault();
$(this).parent().children().not(“.trigger”).toggle();
});
$(document).on(“click”, “.mini-event .close”,
function(e) {
e.preventDefault();
$(this).parent().parent().parent().toggle();
});
});
Your script matches that included with My Calendar.

Calendar Behaviors: AJAX Navigation

Update/Reset the My Calendar AJAX Javascript Disable AJAX Effects

Edit the jQuery scripts for My Calendar AJAX navigation
$(function(){
$(document).on(‘click’, ‘.calendar .my-calendar-nav a’, function(e){
e.preventDefault();
var link = $(this).attr(‘href’);
var ref = $(this).attr(‘rel’);
$(‘#’+ref).html(‘<div class=”loading”><span>Loading…</span></div>’);
$(‘#’+ref).load(link+’ #’+ref+’ > *’, function() {
$(‘.calendar-event’).children().not(‘h3’).hide();
});
});
$(document).on(‘click’, ‘.list .my-calendar-nav a’, function(e){
e.preventDefault();
var link = $(this).attr(‘href’);
var ref = $(this).attr(‘rel’);
$(‘#’+ref).html(‘<div class=”loading”><span>Loading…</span></div>’);
$(‘#’+ref).load(link+’ #’+ref+’ > *’, function() {
$(‘li.mc-events’).children().not(‘.event-date’).hide();
$(‘li.current-day’).children().show();
});
});
$(document).on(‘click’, ‘.mini .my-calendar-nav a’, function(e){
e.preventDefault();
var link = $(this).attr(‘href’);
var ref = $(this).attr(‘rel’);
$(‘#’+ref).html(‘<div class=”loading”><span>Loading…</span></div>’);
$(‘#’+ref).load(link+’ #’+ref+’ > *’, function() {
$(‘.mini .has-events’).children().not(‘.trigger’).hide();
});
});
});
Your script matches that included with My Calendar.

Resetting JavaScript will set that script to the version currently distributed with the plug-in.

Any suggestions?

Thanks Tara will give thst a try

Wow wow wow.

Brilliant, that’s done it.

https://www.beauty-deals.co.uk/

Thank you so so much Andrew

So grateful for you time

Andrea

Ta Andrew, thanks very much, that’s worked in putting the swirls in exactly where I want them. However its repositioned everything else on the site.

https://www.beauty-deals.co.uk/

Any suggestions?

This is how my general code looks now.

[CSS moderated. a link yo your site is all that is needed.]

Really appreciate all the time you are giving me with this.

Many Thanks

Andrea

Thank you Andrew

That has sort of worked as you can see the bottom of the swirls at the bottom of the page but not anything of the top.

https://www.beauty-deals.co.uk/

I have deactivated the custom background plug in.

I have the ‘body styling’ and the ‘header background’ colours in ‘theme options’ set to my background lilac colour. Could that have anything to do with it?ain

Do I need to change anything in the CSS under ‘content’ ie ‘primary content wrap’??

Thanks again

Andrea

Oh ok, I thought I had a wordpress template.

Thanks

Thanks so much for your time and clear advice Andrew.

I have tried what you suggested but unfortunately it didn’t work. I have taken a look to see if there is anything else in the body element that might be covering and I can’t see anything. The background plug in says ‘none (deactivated)’ so it cant be that. Is there anywhere else in the CSS I should be looking for something that might be covering it up the images I’m trying to install?
I have copied my the ‘body’ from the css. Could you please take a look and see if you can see anything I’ve done wrong that I need to change?
Thanks for being patient with a newbie and explaining your advice clearly for me.

Cheers

Andrea

/* General
---------------------------------------- */
html,
body {
	min-width: 1092px;
}
body{
	background: #d5bfd6;
	position: relative;
	font: 100%/1.125em "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	color: #d5bfd6;
}

body {
    background: url(/wp-content/uploads/2013/08/swirl1.png) top left no-repeat,
        url(/wp-content/uploads/2013/08/swirl2.png) top right no-repeat,
        url(/wp-content/uploads/2013/08/swirl4.png) bottom left no-repeat,
        url(/wp-content/uploads/2013/08/swirl3.png) bottom right no-repeat
}

#main {
	width: 100%;
	padding: 0 0 46px 0;
	overflow: hidden;
	font-size:.75em;
        border: 5px solid #b87bba;
}

#main-tail-ver {
	background: #d5bfd6;
}

#main-bg-top {
	background: #d5bfd6;
}

#main-bg-bot {
	background: #d5bfd6;
	width: 100%;
	overflow: hidden;
}

.container {
	width: 960px;
	margin: 0 auto;
	position:relative;
}

/* List styling */
dl dt {
	background:url(images/list-arrow.gif) no-repeat 0 3px;
	padding:0 0 3px 32px;
	margin-bottom:.2em;
	font-size:18px;
	line-height:1.2em;
	color:#b87bba;
}
dl dd {
	padding:0 0 0 32px;
	margin:0 0 1.5em 0;
	}

eek!! think this might be a bit advanced for me. Will look into it thought and see if I can get it too work.

Thanks