NollieHeel

sure – https://www.mattmm.com

Ok so I decided to install the “Featured Content Gallery” plugin.

It asks me to input this code:

< ?php include (ABSPATH . ‘/wp-content/plugins/featured-content-gallery/gallery.php’); ?>

Can anyone tell me where to put this? in header? footer?

nevermind.
reply here if you wish to see the correct code.

still trying, but here’s my last attempt for the day. Think I’m getting a bit closer:

var x = $(“#abouttext”);
var odg = x.text().charAt(832);

function animContinue () {
var y = x.text().charAt(832);
y.fadeOut(“slow”, animContinue());
}

$(“a.about”).click(
function () {
odg.fadeOut(“slow”, animContinue() );
}
);

I’m basically trying to remove the characters one-by-one, but in a fixed location on the screen.. Almost as if the last character were a vacuum for all the preceding characters.

Another option worth considering is having your one site (domain friedbettas.com), and assigning a Page for each spawn. Be aware that Posts are different from Pages.

ok here’s the problem in its real context.
Trying to animate some text.
Basically the idea is to remove the last character, fill in it’s position with it’s neighboring character (to its left, of course), and then remove it again. Repeat this until the rest of the text is gone.

Below is my attempt.. that doesn’t work. Note that I declared my variables and functions before the click event, which starts the animation. My guess is I probably don’t have proper syntax either.

var x = $(“#abouttext”);
var pos = x.charAt(833);

function Continue () {
var y = pos.prev();
pos.append(y);
pos.fadeOut(“fast”, linear, function Continue());
};

$(“a.about”).click(
function () {
pos.fadeOut(“fast”, linear, Continue());
}
);

help!

Can anyone tell me why this wont work ?

$(“a.about”).click(
function () {
var blaze = $(“#abouttext”);
var x = blaze.text().length;
var pos = blaze.charAt(x);
alert(pos);
}
);

$(“a.about”).click(
function () {
var blaze = $(“#abouttext”);
var x = blaze.text().length;
alert(x);
}
);

The result of this was 833. cool.

ok so I tried this, for sake of learning:

$(“a.about”).click(
function () {
var blaze = $(“#abouttext”);
var x = blaze.length;
alert(x);
}
);

the result in the window is 1. Which is weird, because the <p> has at least a couple hundred characters. the text in the <p> tag is all 0’s and 1’s. Does that have anything to do with it?

okay , so Ive named my <p> tag “abouttext”.

$(“a.about”).click(
function () {
var x = $(“#abouttext”).length;
var pos = $(“#abouttext”).charAt(x);
alert(pos);
}
);

whats wrong with my try here? Im just using the alert for testing purposes.

ah I see. thanks for clarifying that!

cool thanks! Ill try it out. it’s only one paragraph that Im dealing with

I rolled over it, and it turned green… isn’t that what its supposed to do?

Did you create a child theme already ? you might want to consider that before doing anything at all… search it, theres ton of info out there

well in this case its the other way around kinda..
basically it’s an image with transparency, sitting in front of a block of text.

I guess the kernel of my issue here is, basically positioning contents on a page, be it image or text, with regards to the order in which I input (them) on the page – I could input the <p> before the <img> tag, and then with css can make the <img> content appear before the <p> tag. I feel like that’s doing things the ‘long’ way though.

I’m still a bit confused as to why, per my example in my first post, why adding text would affect the <img> despite the <img> being on a different ‘layer’.