Joomla Templates Club 406,261 posts

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#412789

Can you PM me an admin logon and an ftp account?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#412931

Thanks for your PM. Can you I have a link to a page where you see the strange shadow as I cannot find one.

[docmedia Friend docmediaJoin date: October 2010Posts: 36Downloads:4Uploads:5 Thanks: 9 Thanked: 1 times in 1 posts]

#412932

Hey Phil here it is

http://docmedia.ca/wsanec/saec-news

Its the last article on the page titled “First Peoples House UVIC” – remember it only appears that way in the Category Blog layout. Thanks.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#412937

Wierd. The problem only shows up in the cat view and only when you are using that particular typo. I’ve had to do a little workaround but it is not ideal. Take a look at how I have setup the article.

I will investigate further and see what the real cause is. Was the whole purpose of all this just to remove that shadow box?

1 user says Thank You to Phill for this useful post

1. docmedia

[docmedia Friend docmediaJoin date: October 2010Posts: 36Downloads:4Uploads:5 Thanks: 9 Thanked: 1 times in 1 posts]

#412975

Hi Phil, so I see how you set up the begining of the article by wrapping the image I want into 3 div containers
<div>
<div>
<div><img alt="First_Peoples_House" src="images/stories/demo/First_Peoples_House.jpg" height="200" width="300" /></div>
</div>
</div>

Then you placed the actual img-wrap5 styling after the “readmore” <system-readmore> tag.

Does this mean I will have to repeat the image reference at the beginning of each article for now? I really appreciate the time you’re taking to look into this. I cant be the only one!
-Dave

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#413039

No, no need to wrap it there. Just put the image. You already had it wrapped up, I simply removed the class. For some reason that class is affecting the readmore link and only that class. All others seem fine. Feel free to remove the div tags there. I should have done that but forgot.

I am still investigating why the typo is affecting the template in this way.

[kutuphanedar Friend kutuphanedarJoin date: December 2011Posts: 14Downloads:14Uploads:3]

#428176

<em>@phill luckhurst 215861 wrote:</em><blockquote>The typo button cannot do the typo for the images as you have found out. What I normally do is look at the source for th articles already created in the demo but below is the full code that is used to display the images in the demo

<div class="ja-typo-blockswrap clearfix">
<h1 class="heading-blue heading-title">Images styling options</h1>
<div class="ja-typo-desc clearfix">
<div class="ja-typo-img-wrap left"><img src="images/stories/typo/images/thumb-1.jpg" border="0" /></div>
<p>Special style for intro paragraph. Typography is the art and technique of arranging type, type design, and modifying type glyphs. Type glyphs are created and modified using a variety of illustration techniques. The arrangement of type involves the selection of typefaces, point size, line length, leading.</p>
</div>
<h1 class="heading-blue">Image decoration options</h1>
<div class="ja-typo-blockct clearfix">
<p>Typography is performed by typesetters, compositors, typographers, graphic designers, art directors, comic book artists, graffiti artists, and clerical workers. Until the <a class="underline-solid" href="#">Digital Age</a>, typography was a specialized occupation. Digitization opened up typography to new generations of visual designers and lay users.</p>
</div>
<h2 class="heading-blue">Image border styles</h2>
<div class="ja-typo-blockrow cols-3 clearfix">
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap"><img src="images/stories/typo/images/sam-1.jpg" border="0" /></div>
</div>
</div>
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap img-wrap-2"><img src="images/stories/typo/images/sam-2.jpg" border="0" /></div>
</div>
</div>
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap img-wrap-3"><img src="images/stories/typo/images/sam-3.jpg" border="0" /></div>
</div>
</div>
</div>
<div class="ja-typo-blockrow cols-3 clearfix">
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap img-wrap-4">
<div><img src="images/stories/typo/images/sam-4.jpg" border="0" /></div>
</div>
</div>
</div>
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap img-wrap-5">
<div>
<div><img src="images/stories/typo/images/sam-5.jpg" border="0" /></div>
</div>
</div>
</div>
</div>
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap img-wrap-6">
<div><img src="images/stories/typo/images/sam-6.jpg" border="0" /></div>
</div>
</div>
</div>
</div>
<h2 class="heading-blue">Image with caption</h2>
<div class="ja-typo-blockrow cols-3 clearfix">
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap"><img src="images/stories/typo/images/sam-1.jpg" border="0" /> <span style="width: 175px;">Photo captions are a few lines of text used to explain or elaborate on published photographs.</span></div>
</div>
</div>
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap img-wrap-2"><img src="images/stories/typo/images/sam-2.jpg" border="0" /> <span style="width: 175px;">Captions more than a few sentences long are often referred to as a "copy block."</span></div>
</div>
</div>
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap img-wrap-3"><img src="images/stories/typo/images/sam-3.jpg" border="0" /> <span style="width: 175px;">They are a type of display copy.</span></div>
</div>
</div>
</div>
<div class="ja-typo-blockrow cols-3 clearfix">
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap img-wrap-4">
<div><img src="images/stories/typo/images/sam-4.jpg" border="0" /> <span style="width: 175px;">Cultivated tulip - Floriade 2005</span></div>
</div>
</div>
</div>
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap img-wrap-5">
<div>
<div><img src="images/stories/typo/images/sam-5.jpg" border="0" /> <span style="width: 175px;">Green Tea lover in a Chinese</span></div>
</div>
</div>
</div>
</div>
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap img-wrap-6">
<div><img src="images/stories/typo/images/sam-6.jpg" border="0" /> <span style="width: 165px;">Captions, also known as cutlines.</span></div>
</div>
</div>
</div>
</div>
<h2 class="heading-blue">Image with zoom badge</h2>
<div class="ja-typo-blockrow cols-3 clearfix">
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap image-zoom img-wrap-3"><a class="icon-zoom" href="#"> </a> <img src="images/stories/typo/images/sam-7.jpg" border="0" /></div>
</div>
</div>
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap image-zoom img-wrap-3"><a class="icon-zoom icon-zoom-2" href="#"> </a> <img src="images/stories/typo/images/sam-8.jpg" border="0" /></div>
</div>
</div>
<div class="ja-typo-block">
<div class="ja-typo-blockct clearfix">
<div class="ja-typo-img-wrap image-zoom img-wrap-3"><a class="icon-zoom icon-zoom-3" href="#"> </a> <img src="images/stories/typo/images/sam-9.jpg" border="0" /></div>
</div>
</div>
</div>
<div class="ja-typo-blockct clearfix">
<p>Images may be two-dimensional, such as a photograph, screen display, and as well as a three-dimensional, such as a statue. They may be captured by optical devices</p>
</div>
</div>
</blockquote>

You call this a solution? :-[
You call this thread as solved?

I think that is not professional at all.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#428201

What would you like? I am not sure what your problem is as this is your very first post on the JA forums. Welcome by the way. It is also a little more complicated as this thread deals with a couple of different problems which have been solved as far as the users above are concerned.

The typo button contains a basic set of typography that can be applied to any template. As every template somes with its own typography on top of what is included with the button it would not be possible to make a simple plugin that allows you to use all of it. For example, images need some specific code wrapped into the image.

So tell us what you would like and I will see if I can show you how to apply the typography you need.

[kutuphanedar Friend kutuphanedarJoin date: December 2011Posts: 14Downloads:14Uploads:3]

#428236

<em>@phill luckhurst 287285 wrote:</em><blockquote>Welcome by the way.</blockquote>

Thank you very much.

What I want? Well… I want to point place in text, open some kind of dialogue box, choose a picture, paste a text for captions, and get this:

Nothing more.

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#428266

Sorry, but the JA Typo plugin does not do that. In the case of this particular typography you have to apply the code manually as it is quite complex and dedicated to that particular template.

[kutuphanedar Friend kutuphanedarJoin date: December 2011Posts: 14Downloads:14Uploads:3]

#428272

I can see…

[kutuphanedar Friend kutuphanedarJoin date: December 2011Posts: 14Downloads:14Uploads:3]

#429599

How this code

<blockquote><div class=”ja-typo-img-wrap image-zoom img-wrap-3″><a class=”icon-zoom” href=”images/stories/konkurs2011/b_8956y.jpg”> </a> <img src=”images/stories/konkurs2011/b_8956y.jpg” border=”0″ /></div>
</blockquote>
can be repaired to open a big picture in pop-up window?

(and not in same window like here http://biblioteka-np.org.rs/index.php/bs/discussion-board529058435/143-pobjednica-konkursa)

Thank you.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#429605

Do you have the JA Popup plugin installed and configured?

[kutuphanedar Friend kutuphanedarJoin date: December 2011Posts: 14Downloads:14Uploads:3]

#429640

No. Where can I find it?

Why I can’t see any thread here http://www.joomlart.com/forums/forum/ja-popup-plugin/
nor here: http://www.joomlart.com/forums/forumdisplay.php?20178-JA-Popup-Plugin-Solved-Issues
nor here: http://www.joomlart.com/forums/forumdisplay.php?10178-JA-Popup-Plugin-Guides-Tutorials-Tips ???

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#429645

Because they have not been moved to those new locations as of yet.

You can download the plugin from the download area or you can use any similar plugin from the JED.

Here is a guide on setting it up – http://www.joomlart.com/forums/topic/ja-popup-plugin-2/

[Author]

Posts