Joomla Templates Club 406,261 posts

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#199695

Hi,
1) When a link is added, the word inside the blue rectangle moves a few spaces to the right. Is there a way to prevent this automatic indentation?

2) Is there a way to create a link for the whole blue rectangle, rather than just the word in it?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#542413

I just moved your post to new thread because old thread has been solved.

Regarding your problem you can give me the site URL and illustrated screenshot to understand this problem. I will help you check further

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#542553

Hi, I figured the indent issue can be solved by removing the “10px” padding on .article-content .hightlight-heading, .article-content .hightlight-heading, .article-content .hightlight-heading a {

But I’m still trying to create a link for the whole rectangle block instead of just the words.

See image for clarification: currently the link is only associated with the word/region in example “A” and I would like for the link to be associated with the whole rectangle as noted in region “B.”

Is that possible?

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#542698

I have duplicated the problem you mentioned, please check my answers for resolving your problems below:

<blockquote>1) When a link is added, the word inside the blue rectangle moves a few spaces to the right. Is there a way to prevent this automatic indentation?

2) Is there a way to create a link for the whole blue rectangle, rather than just the word in it?
</blockquote>

Because you have added <a href=”#”>.. </a> as format below

<h3 class="hightlight-heading"><a href="#">Emergencies</a></h3>

That’s why you got the problem on your site

You can apply my workaround below, it will help you to solve both problem

<a href="#"><h3 class="hightlight-heading">Emergencies</h3></a>

---

Attachments:

1. 

[Author]

Posts