How can "Links" on Contact Page be open when arrive on page?

AzimuthDesigns

I've been trying to figure this one out.
The Links on the Contact Page: https://azimuthdesigns.com/index.php/contact

are always closed and a user has to click there to find out that there are more details in there.

There doesn't appear to be a mechanism to fix this?

Is there a way to have perhaps a new or different functional Social Media Module in that position?

What position is that Module in so I can replace it with a functional link system?

I would love it to be open all the time and never close or be replaced with another social media module. Is this possible?

AzimuthDesigns

I noticed in your template page that the word "Links" doesn't even appear.

Is it possible to remove that title as well?

Is it possible to have the links open up in a new browser window as well??

saguaros

I updated this file: /templates/ja_aiga/html/com_contact/contact/default_links.php

Line 26:

<div id="display-links" class="panel-collapse collapse in">

so the social links can open by default now.

Kindly check.

AzimuthDesigns

Thank you! I was wondering where that parameter was!

Is there a way to further customize these icons

to make bigger and more readable. unfortunately the icons are unreadable as they are too small.
make open a new window

i am hoping there is a spot i can make an over ride that will survive updates?

AzimuthDesigns

I found a font size in this css : font-size: 30px;

contact .contact-links ul li a {
background: #e8e8e8;
border-radius: 0;
color: #222222;
display: inline-block;
--> font-size: 30px;
font-weight: 400;
padding: 0;
text-align: center;
height: 48px;
line-height: 48px;
text-transform: uppercase;
width: 48px;
}

saguaros

To avoid losing this customization, you can copy to local folder in template. I just did the same for this file:

/templates/ja_aiga/local/html/com_contact/contact/default_links.php

and modified line 51 so the links can open in new window now:

<a href="<?php echo $link; ?>" target="_blank">

Kindly check.

AzimuthDesigns

saguaros
Thank you so much for putting that in there!
I will make a note of that in my files.

I managed to change the css for the fontawesome icon size but feel like the dynamic part of physically changing the code doesn't translate into the LESS file right away. do i need to recompile the css to make that happen? Or is there a way to turn off the cache for that?

saguaros

With above css rule, you can override with this:

.contact .contact-links ul li a {
  font-size: 40px !important;
}

adjust to your desired value and add into file: /templates/ja_aiga/css/custom.css