Joomla Templates Club 406,261 posts

[lukescotty Friend lukescottyJoin date: September 2014Posts: 13Downloads:0Uploads:1 Thanks: 3]

#204975

Hiya

I’m having a problem with the contact author pop up window, its popping up but its not displaying properly.

click ‘contact author’ on: (red button under logo)
http://www.tradecourses.co.uk/jmltc/index.php/search-courses/electrical-courses/entry/view/24-domestic-electrician-4-weeks-sheffield

and it should look like this one:
same again, click ‘contact author’
http://directory.rsjoomla.com/single-entry

now i’ve contacted rsjoomla, and they’ve tested it etc with a normal joomla template and they said for me to contact the template developer to find out whats going wrong, because they said its not them.

hope this makes sense and i’ve explained it right.

thanks for replies in advanced

kind regards
Luke

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

#564503

My solution below will help you out

Create templates/ja_university_t3/css/custom.css file and add new rule


div#rsdir-contact-modal {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 580px;
margin-left: -280px;
background-color: rgb(255, 255, 255);
border: 1px solid rgba(0, 0, 0, 0.298039);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 6px;
-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 3px 7px;
box-shadow: rgba(0, 0, 0, 0.298039) 0px 3px 7px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
outline: none;
}


1 user says Thank You to Ninja Lead for this useful post

1. lukescotty

[lukescotty Friend lukescottyJoin date: September 2014Posts: 13Downloads:0Uploads:1 Thanks: 3]

#564542

you are amazing! thanks so much!! worked a treat but the window has scroll bars on it

to get rid of it, i need to atler the height of the iframe from 500 to 380px

where would this code be located
”
<iframe src=”/jmltc/index.php/search-courses/electrical-courses/contact/24?tmpl=component” style=”height: 500px;”></iframe> ”

kind regards

Luke

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

#564657

You can change it from css style with my red mark below


div#rsdir-contact-modal {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 580px;
height: 380px;
margin-left: -280px;
background-color: rgb(255, 255, 255);
border: 1px solid rgba(0, 0, 0, 0.298039);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 6px;
-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 3px 7px;
box-shadow: rgba(0, 0, 0, 0.298039) 0px 3px 7px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
outline: none;
}


[Author]

Posts