Joomla Templates Club 406,261 posts

[bramv101 Friend bramv101Join date: July 2013Posts: 18Downloads:0Uploads:9]

#190767

Hi,

when i try make a hyperlink of these headings, the layout changes although i am using style=”text-decoration: none”

<p>*</p>
<hr id=”system-readmore” />
<h2>Our vast experience test and team of experts can perform an assortment of simulations to analyse various domains:</h2>
<div class=”row”>
<div class=”span6″>
<h3 class=”hightlight-heading”>CFD – Computational Fluid Dynamics</h3>
<div class=”box”>*</div>

---

Attachments:

1. 
2. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#506550

Hi bramv101,

The reason that your texts are loading our default css styles of <h3> on JA Beranis template which you can find in /templates/ja_beranis/css/template.css in class .hightlight-heading { }. Anyways, it seems that you solved your problem since i saw the highlight texts are displaying fine on your website now. Do you still need our help on this concern ?

[bramv101 Friend bramv101Join date: July 2013Posts: 18Downloads:0Uploads:9]

#506554

At my website i removed all the underlying hyperlinks, thats why the layout is ok.

So i want to create a link but i dont want it to change the blue background

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#506564

Hi bramv101,

You can create link for the highlighted texts as normal, then create a custom.css file at templates/ja_beranis/css/ path, and put below codes into:

h3.hightlight-heading a {
color: red;
}

h3.hightlight-heading a:hover {
color: red;
}

h3.hightlight-heading a:visited {
color: red;
}

h3.hightlight-heading a:active {
color: red;
}

Change the text color if you want. These will make the texts better without changing the blue background.

[bramv101 Friend bramv101Join date: July 2013Posts: 18Downloads:0Uploads:9]

#506979

I keep on having this issue

heres the current code with hyperlink included:
<p>*</p>
<hr id=”system-readmore” />
<h2>Our vast experience test and team of experts can perform an assortment of simulations to analyse various domains:</h2>
<div class=”row”>
<div class=”span6″>
<h3 class=”hightlight-heading”><a href=”services/cfd”>CFD – Computational Fluid Dynamics</a></h3>
<div class=”box”>*</div>
<h3 class=”hightlight-heading”>FEA – Finite Element Analysis</h3>
<div class=”box”>
<p>*</p>

[bramv101 Friend bramv101Join date: July 2013Posts: 18Downloads:0Uploads:9]

#506982

to make it clear:

I do not want to change anything on the text itself.
I want to avoid that the background blue box changes dimension when i make it a hyperlink

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#506985

Hi bramv101,

You can add the hyperlinks to all the highlighted texts you want and lets me know when you finish. I will back to help you adjust the box dimension without losing the blue background.

[bramv101 Friend bramv101Join date: July 2013Posts: 18Downloads:0Uploads:9]

#507126

ok, links are created
custom.css still existing (this explains the red color)

http://www.chs-engineering.com/index.php/services

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#507136

Hi,

You can put below codes into templates/ja_beranis/css/custom.css file:

/*Adjust the hyperlinks on highlighted texts*/
.hightlight-heading {
overflow: hidden;
}

[bramv101 Friend bramv101Join date: July 2013Posts: 18Downloads:0Uploads:9]

#507189

Excellent, that you very much sir!

[Author]

Posts