Joomla Templates Club 406,261 posts

[zarenya Friend zarenyaJoin date: December 2010Posts: 29Downloads:24Uploads:5 Thanks: 8 Thanked: 2 times in 1 posts]

#196814

Is there a way to have the titles appear permanently below the image?
The titles only appear when mouse hover over the text.

Assistance will be greatly appreciated.

Kind Regards
Zarina

[alexsmirnov Friend alexsmirnovJoin date: July 2012Posts: 786Downloads:1Uploads:226 Thanks: 226 Thanked: 163 times in 119 posts]

#531144

Hi Zarina,

It would help if you provide us a screenshot with the images you are referring to or URL of the page with them (obviously, if your site is live) or both.

Regards,

Alex

[zarenya Friend zarenyaJoin date: December 2010Posts: 29Downloads:24Uploads:5 Thanks: 8 Thanked: 2 times in 1 posts]

#531149

I would like all the department titles to appear permanently below each circle and not just on the hover or mouse over effect.

Can this be done?

URL in question: http://www.kovacsuwc.co.za

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#531155

Try This . . . .

Within file path –> /templates/ja_university/css/template.css
at line 3603, modify as follows:


ul.department-list li span {
bottom: 0;
display: inline;
font-size: 1.083em;
font-weight: bold;
left: 0;
padding-top: 5px;
position: absolute;
text-align: center;
width: 100%;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Let me know if this achieves the result you were hoping for.

1 user says Thank You to TomC for this useful post

1. zarenya

[zarenya Friend zarenyaJoin date: December 2010Posts: 29Downloads:24Uploads:5 Thanks: 8 Thanked: 2 times in 1 posts]

#531260

Thank You for your advice, worked like a charm!

<em>@TomC 422079 wrote:</em><blockquote>Try This . . . .

Within file path –> /templates/ja_university/css/template.css
at line 3603, modify as follows:


ul.department-list li span {
bottom: 0;
display: inline;
font-size: 1.083em;
font-weight: bold;
left: 0;
padding-top: 5px;
position: absolute;
text-align: center;
width: 100%;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Let me know if this achieves the result you were hoping for.</blockquote>

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#531295

Glad to be of assistance . . . . All the best with your continuing site development.

😎

[Author]

Posts