Question

I have a little slideshow that I am trying to implement in a Sharepoint site. I have the show working, however, not to my total satisfaction.

The ‘problem’ smippet of code that I have (admittedly) used this from the internets:

$(xData.responseXML).find("z\\:row").each(function() {
        var title = $(this).attr("ows_Title");
        var imageLink = imageURL+$(this).attr("ows_FileLeafRef").substring($(this).attr("ows_FileLeafRef").indexOf('#')+1);
  var itemLink = itemURL+$(this).attr("ows_ID");
  var liHtml = "<div><img width='200' height='200'  src='" + imageLink +"'/><p align='center'>"+ title + "</p></div>";

However, I would like the var title to be of: a. heavier font-weight (500), and b. lesser line-height.

I’ve tried a bunch of things that don’t work. I tried giving the

element in this part of the code:

> var liHtml = "<div><img width='200' height='200'  src='" + imageLink
> +"'/><p align='center'>"+ title + "</p></div>";

its own id, and then tried manipulating that id with some jquery, no luck. I tried manipulating the var title when I declare the var, but no luck.

What is this dummy jquery newb missing?

EDIT

A little extra info that I probably should have included (I try to keep these things as short as possible, then realize I’ve missed pertinent information):

My understanding of CSS leads me to believe that I can have css in 3 places: separate style sheet, in the head of the doc, or inline. I can’t put anything in the document head, because I am doing this all in a SP webpart. I tried making < p id=”title_par” align=’center’>, then maniputlate the $(“#title_par”).css with jquery, but no luck. Also, tried to do it inline, with , but that didn’t work either.
So basically, I have no access to the .css file (I have no Sharpoint designer to work with, I only have Site Collection admin privileges)

Answer 1

This can be resolved with CSS.

Add a class to the <p align='center'> like <p align='center' class='classOfTitle'> to style it via CSS and use:

.classOfTitle {
     line-height: 1em; /* you can use any units */
     font-weight: bold; /* font-weight in units isn't suported by all browsers (the standars are inherit, bold and normal */
}