Joomla Templates Club 406,261 posts

[natescape Friend natescapeJoin date: September 2008Posts: 31Downloads:0Uploads:0 Thanks: 8]

#150985

Hi all. On this site – http://southcoastwebworks.com/bakerbooks/ – I’m having a pair of issues. The first is that I can’t for the life of me figure out how to get the description of the image appear to the right (like it does on the demo).

The second issue is that I can’t figure out why the dividing line to the left of the menu is spaced so far to the side.

Ideas?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#343411

Dear natescape!

Here is the solution to resolve the issue 2
<blockquote>
The second issue is that I can’t figure out why the dividing line to the left of the menu is spaced so far to the side. </blockquote>
Please open the file /templates/bakerbooks/css/template.css and find the fillowing css:
#ja-contentwrap.ja-r1 { background: url(../images/dot.gif) 67% top repeat-y; }

replace:
#ja-contentwrap.ja-r1 { background: url(../images/dot.gif) 77% top repeat-y; }

issue #1:
<blockquote>. The first is that I can’t for the life of me figure out how to get the description of the image appear to the right (like it does on the demo).</blockquote>

Pls re-send the link and give me the snapshort on the issue,

Thanks a lot

1 user says Thank You to Saguaros for this useful post

1. natescape

[natescape Friend natescapeJoin date: September 2008Posts: 31Downloads:0Uploads:0 Thanks: 8]

#343706

Thanks tienhc.

How do I make it so the text won’t wrap over the photo? My template width is 850 instead of the 950, and I can’t for the life of me figure out where in the CSS to make a change that works.

[cjmicro Friend cjmicroJoin date: June 2008Posts: 501Downloads:3Uploads:0 Thanks: 198 Thanked: 81 times in 10 posts]

#343721

Try in jaslideshow2.css

this area:


.maskDesc {
background: none;
cursor: pointer;
display: block;
position: absolute;
z-index: 100;
}

change to:

.maskDesc {
background: none;
cursor: pointer;
display: block;
position: absolute;
z-index: 100;
padding-left: 100px;
}

Disclaimer: not tested in all browsers, but this should help you with where to start.

Good luck
Cheryl

1 user says Thank You to cjmicro for this useful post

1. natescape

[natescape Friend natescapeJoin date: September 2008Posts: 31Downloads:0Uploads:0 Thanks: 8]

#343761

Thanks cjmicro! That worked beautifully.

[cjmicro Friend cjmicroJoin date: June 2008Posts: 501Downloads:3Uploads:0 Thanks: 198 Thanked: 81 times in 10 posts]

#343766

Good glad it helped!

[Author]

Posts