Joomla Templates Club 406,261 posts

[ghd123 Friend ghd123Join date: October 2012Posts: 49Downloads:0Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#184219

How do I make a picture I have inserted into an article responsive?

And how can I add different links/points within the picture? i.e if it were a picture of a train and I hover over the doors and select, it would direct to a page about train doors. If I hovered over the wheel section of the image it would direct to a page about the wheels etc…?

Thanks in advance.

For the links at the bottom of the page on the puresite template when they are not active they are a faint grey and difficult to read on black. I have used the red template theme however when I change the css in that file or template/css they do not change? What css file can I locate them?

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#480884

Hello,

In order to make your picture in an article resposive, make sure you don’t set fix height or with for the image. You can check by click to Toggle Editor button to check the HTML code of article.

The size of image in JA Puresite is recommended in 700x477px for best view.

The code for links at the bottom is located in file <blockquote>templates/ja_puresite/css/template.css</blockquote>

Find these lines
<blockquote>#ja-botsl1 ul.menu li a, #ja-botsl1 ul.list-useful li a, #ja-botsl1 a {
color: #656667
}</blockquote>

<blockquote>And how can I add different links/points within the picture? i.e if it were a picture of a train and I hover over the doors and select, it would direct to a page about train doors. If I hovered over the wheel section of the image it would direct to a page about the wheels etc…?</blockquote>

I’m afraid your request is out of support scope. I can’t help you this. Maybe you will need a developer to help you out with your request.

1 user says Thank You to Luna Garden for this useful post

1. ghd123

[Author]

Posts