Joomla Templates Club 406,261 posts

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

#151219

Used quickstart then edited for this site:

http://74.52.58.172/~pbaconex/ is the site in development

So you click on a little side article on the right, and the middle photo changes. That’s fine.

The articles on the right pull from articles in a category, and create the heading based on the article title, and using the CSS of the slideshow.

How can I have it use the title of <h3> or other tag in the article, which would allow me to have a different color heading displayed on each article?

Also how can I have a “more” link right IN the article where they can click to go to a different page, not the article in question but a section.

I think these can both be accomplished by not having slideshow change the text or strip out links.

Thanks for any help.

Cheryl

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

#344524

Dear Cheryl!

Here is the solution for you

1) you use “h3” tag as default without any change about html tag.
2) you open the file:templates/ja_rasite/css/mod_jaslideshow2.css and file the following css:
a) change title color:

.ja-slide-thumb-inner h3 {
margin: 0px !important;
padding: 15px 0 0 !important;
}

and

.ja-slide-thumbs-wrap .active .ja-slide-thumb-inner h3 {
color: #fff !important;
}

use the color attribute as a normally way, and use “!important” like at the block 2: example: color: #fff !important;

YOu try to use the firebug extension and firefox browse while customizing
http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/

Good luck

1 user says Thank You to Saguaros for this useful post

1. cjmicro

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

#345908

This would just change the color to all the same, like make <h3> all red in slideshow. I want the slideshow to let me use h3 in the article itself, not the “title” of the article to make the <h3>

So I would have this as my article text

<!--{jaimage main="images/stories/holistic-slide.jpg"} -->
<p>{jathumbnail}<a href="index.php?option=com_content&view=section&layout=blog&id=8&Itemid=93"><img src="images/stories/holistic-slide.jpg" border="0" alt="Holistic Pet Care" title="Holistic Pet Care" /></a></p>
<h3>MY TITLE HERE, NOT from article title</h3>
<ul>
<li>Insect repellents without chemicals</li>
<li>Teeth Cleaning without anesthesia</li>
<li>Gentle grooming without fear or stress</li>
</ul>
<p><a href="index.php?option=com_content&view=section&layout=blog&id=8&Itemid=93">Read more...</a></p>

I would also like to include links in the article and not have slideshow strip out the html code in the description.

Thank you for any futher assistance.

Cheryl

[Author]

Posts