JA Rent Contact page website box sizing

warylad

on the contact page of JA Rent template, when entering website it is shown imbalanced as compared to the other two icons, see here: https://snipboard.io/2hCOp7.jpg

how to fix this?

Ninja

warylad
Hi
Add this code in custom.css file in the template css folder

.plain-style .address-top .address-detail > span {   min-height: 220px;}

warylad

Ninja now the box size is adjusted but as you can see text is not properly aligned:

https://prnt.sc/q9ykgs

Ninja

warylad
Hi
Try this

.address-detail .contact-webpage .fa{padding-bottom:20px!important;}

warylad

Ninja Write it in such a way that, the font in first line of web box, should appear equal to that of PHONE and ADDRESS text, with thee text WEB this line should be properly aligned, parallel to phone and address boxes text..

warylad

Ninja i have added your code...

Ninja

warylad
Hi
Add the suggested code first and check it should work for you.
Also the content type is different in 3rd box and missing other text too if so its down on your site.
the code worked fine.

warylad

But like i said earlier I need words, WEB above the URL. like there is PHONE and ADDRESS in respective boxes.

https://snipboard.io/cE6TDb.jpg

How to achieve this?

Secondly alignment is still out...

saguaros

warylad

If you don't show the text under the global icon, you can use this custom css:

.plain-style .address-top .address-detail i.fa.fa-globe {
    margin-bottom: 35px;
}

warylad

saguaros I didn't say don't show the text under Global icon.

I am saying two things are required:

There should be a WEB: caption in global code above URL like i asked in last post... and screenshot..
The alignment after adding the WEB text line and then URL should be just like that of PHONE and ADDRESS box should. It be three steps, a) icon, b) caption line (Words WEB:, c) value (of the Link line) line...

the missing WEB: and faulty alignment (again previous post screenshot) should be fixed...

Ninja

warylad
Hi
The contact page is default Joomla contact and does not offer the web work there
You can check the output with default Joomla template to see its not from template that it should show word web.

For the alignment topic you posted in first post here.
I updated code in custom.css file,

.address-detail .contact-webpage .fa {
    padding-bottom: 36px!important;
}

but your site using server side cache, kindly clear to see changes : http://prntscr.com/qnti2a
You can increase/decrease 36px value to move website name up/down.

Regards

warylad

Ninja Well, Joomla contact offers PHONE and ADDRESS caption but does not offer WEB is such a setback... Killed the whole purpose of web link http://prntscr.com/qnti2a this is not ok.

I wished there is some template override for this...

Ninja

warylad
Hi
I added the web word manually in file file "/html/com_contact/contact/default_address_top.php" in template "ja_rent".
Kindly check it now.
You can remove the code from custom.css as well

.address-detail .contact-webpage .fa {
    padding-bottom: 36px!important;
}

Since it no longer required.