-
AuthorPosts
-
January 14, 2015 at 5:46 pm #379577
I’ve developed two sites http://theimplantexperts.com/ and http://dentists.theimplantexperts.com/ and now just need to link them. I’ve added an image to the header of the Dentists site to act as the button (http://dentists.theimplantexperts.com/wp-content/uploads/sites/2/2015/01/DentistsSiteHeader.jpg) and will also add this image http://dentists.theimplantexperts.com/wp-content/uploads/sites/2/2015/01/PatientsHeader.jpg to the Patient site once the connection is setup and working. Please can you point me in the right direction.
January 14, 2015 at 5:48 pm #379580…I’m assuming/hoping they will work properly on tablets and mobiles!?
January 15, 2015 at 4:49 am #379874Hi!
please refer to this post: https://kriesi.at/support/topic/add-image-to-header-in-upper-right-near-social-icons/#post-310712
Regards,
AndyJanuary 15, 2015 at 11:12 am #379951Thanks Andy, I know how to get the image there because I’ve done it on this site http://dentists.theimplantexperts.com/.
The link you provided didn’t explain how to add a link to the image?
January 15, 2015 at 5:25 pm #380141Hey!
I remember your topic, we have added your images as background images to navigation. Do you mind creating a temporary admin login and posting it here privately? I can change it for you
Regards,
YigitJanuary 15, 2015 at 5:44 pm #380181This reply has been marked as private.January 15, 2015 at 9:16 pm #380437Hey!
Editor is not appearing under Appearance. Please add following code to Functions.php file which is inside Enfold folder
add_action('ava_after_main_menu','custom_things'); function custom_things() { echo '<div class="secondary-logo"><a href=" http://dentists.theimplantexperts.com/"><img src="http://theimplantexperts.com/wp-content/uploads/2014/11/TIE_Web_header_FormerlyCICv2.jpg" /></a></div>'; }
Once it shows up, you can remove following code from Quick CSS field
nav.main_menu { background-image: url(//theimplantexperts.com/wp-content/uploads/2014/11/TIE_Web_header_FormerlyCICv2.jpg); background-size: contain; }
You may need additional custom CSS code, if you do, please let us know
Best regards,
YigitJanuary 16, 2015 at 12:08 am #380535When you say the functions.php file inside the Enfold Folder are you talking about on the server?
I have three enfold folders in the theme and each one has a functions.php file; enfold, enfold-child & enfold-child-dentist, which I’m assuming are network, patient & dentist respectively. Which one/s should I add the code to?
January 16, 2015 at 12:43 am #380546Ignore the last message.
I’ve removed the header image file from the quick CSS in both the patient & dentist sites.
I’ve got it to appear by adding the code to functions.php in enfold-child and it works (i.e. clicks through to the dentist site) on the patient site but it’s in the wrong position. http://theimplantexperts.com/ I want the right hand edge of the image to line up with the right hand side of the magnifying glass. I’ve also changed the image it’s suppose to be selecting but it’s not displaying it. This is the code I’ve inserted into functions.php:
add_action(‘ava_after_main_menu’,’custom_things’);
function custom_things() {
echo ‘<div class=”secondary-logo”></div>’;
}I’ve also added the following code to the functions.php in enfold-child-dentists but it’s not displaying the image I’ve chosen, it’s also in the wrong position and it’s not linking through to the patient site.
add_action(‘ava_after_main_menu’,’custom_things’);
function custom_things() {
echo ‘<div class=”secondary-logo”></div>’;
}Many thanks for your help.
January 19, 2015 at 11:14 am #381634Hey!
Please add following code to Quick CSS
.secondary-logo { float: right; margin-bottom: -71px; z-index: 99999!important; overflow: visible; }
Cheers!
YigitJanuary 19, 2015 at 5:37 pm #381929The image has moved over to the correct position on the right but neither sites are displaying the correct image (i.e. with the ‘dentist site’ or patient site’) or are linking through to the other site.
January 20, 2015 at 6:43 am #382273Hi!
Please make the image transparent then remove all white spaces. Set the file format to PNG. Add this on Quick CSS:
.secondary-logo a { position: absolute; z-index: 1000; display: block; top: 0; right: 0; }
Cheers!
IsmaelJanuary 20, 2015 at 11:18 am #382366Thanks Ismael
I’ve saved the two images as .pngs and added their urls into the script in the functions.php plus added the above code you supplied into the Quick CSS in both sites but neither are appearing plus I’ve also lost the main menu on http://dentists.theimplantexperts.com/
http://dentists.theimplantexperts.com/wp-content/uploads/sites/2/2015/01/TIE_WebHeader_Patientslink.png
http://theimplantexperts.com/wp-content/uploads/2015/01/TIE_WebHeader_Patientslink.pngJanuary 21, 2015 at 9:21 am #382904Hey!
You need to replace the image url with the PNG format image here:
add_action('ava_after_main_menu','custom_things'); function custom_things() { echo '<div class="secondary-logo"><a href=" http://dentists.theimplantexperts.com/"><img src="http://theimplantexperts.com/wp-content/uploads/2014/11/TIE_Web_header_FormerlyCICv2.jpg" /></a></div>'; }
Cheers!
IsmaelJanuary 21, 2015 at 10:39 am #382940I’ve done that in both function.php files but still no luck, I’m clearly doing something wrong!
January 21, 2015 at 11:14 am #382955My folders on the server are configured as follows:
http://dentists.theimplantexperts.com/wp-content/uploads/sites/2/2015/01/Screen-Shot-2015-01-21-at-08.47.39.pngI’m trying to put image http://theimplantexperts.com/wp-content/uploads/2015/01/TIE_WebHeader_Patientslink.png in the header of http://theimplantexperts.com/ and http://dentists.theimplantexperts.com/wp-content/uploads/sites/2/2015/01/TIE_WebHeader_Patientslink.png in the header of http://dentists.theimplantexperts.com/ and link each one to the other site.
I’ve currently got no additional code in the functions-enfold.php file but I have now got this code in the functions.php in the enfold folder:
add_action(‘ava_after_main_menu’,’custom_things’);
function custom_things() {
echo ‘<div class=”secondary-logo”></div>’;
}I’ve also got the same code in the functions.php file in the enfold-child folder, and the following code in the functions.php file in the enfold-child-dentists folder:
add_action(‘ava_after_main_menu’,’custom_things’);
function custom_things() {
echo ‘<div class=”secondary-logo”></div>’;
}Where am I going wrong?
January 22, 2015 at 12:54 pm #383642Hey!
You don’t need to remove the image. You need to replace it with the PNG file format image that you just created:
add_action('ava_after_main_menu','custom_things'); function custom_things() { echo '<div class="secondary-logo"><a href=" http://dentists.theimplantexperts.com/"><img src="http://theimplantexperts.com/wp-content/uploads/2015/01/TIE_WebHeader_Patientslink.png" /></a></div>'; }
Please make sure that this PNG image has no transparent whitespace or gap.
Regards,
IsmaelJanuary 22, 2015 at 1:15 pm #383648I’m not sure I understand what you mean! I haven’t deleted the image and I have changed the code to include the png in each case.
I have now got this code in the functions.php in the enfold folder:
add_action(‘ava_after_main_menu’,’custom_things’);
function custom_things() {
echo ‘<div class=”secondary-logo”></div>’;
}I’ve also got the same code in the functions.php file in the enfold-child folder, and the following code in the functions.php file in the enfold-child-dentists folder:
add_action(‘ava_after_main_menu’,’custom_things’);
function custom_things() {
echo ‘<div class=”secondary-logo”></div>’;
}This is how the PNG looks is this ok? http://theimplantexperts.com/wp-content/uploads/2015/01/Screen-Shot-2015-01-22-at-11.14.24.png
January 24, 2015 at 10:50 am #384822Hi!
Please check the code. The img tag is missing:
add_action('ava_after_main_menu','custom_things'); function custom_things() { echo '<div class="secondary-logo"> <a href=" http://dentists.theimplantexperts.com/"> <img src="http://theimplantexperts.com/wp-content/uploads/2015/01/TIE_WebHeader_Patientslink.png" /> </a> </div>'; }
Remove the transparent space below the image.
Regards,
IsmaelJanuary 24, 2015 at 6:28 pm #384924Thanks Ismael
I’ve got the image appearing correctly on the patient site http://theimplantexperts.com/, but it’s not clickable and linking to the dentist site plus I want it flush with the top of the page.
The same image is appearing on the dentists site http://dentists.theimplantexperts.com/ whereas I want the other image linking back to the patient site http://dentists.theimplantexperts.com/wp-content/uploads/sites/2/2015/01/TIE_WebHeader_Patientslink1.png, plus also flush with the top of the page.
January 28, 2015 at 11:00 am #386878Hi!
Replace the css code with this:
.secondary-logo { position: absolute; z-index: 10000 !important; display: block; top: -10px; right: 0; height: 82px !important; }
Best regards,
IsmaelJanuary 28, 2015 at 3:05 pm #386986Thanks Ismael
I now have the correct image displaying in the correct position and linking through to the dentist site on http://theimplantexperts.com/
But I now need to get the correct image http://dentists.theimplantexperts.com/wp-content/uploads/sites/2/2015/01/TIE_WebHeader_Patientslink1.png, in the correct position (i.e. flush with the top of the site) and link back to the patient site on http://dentists.theimplantexperts.com/
January 29, 2015 at 11:55 pm #388037Hi!
Just change the code in the dentists.theimplantexperts.com Enfold functions.php:
add_action('ava_after_main_menu','custom_things'); function custom_things() { echo '<div class="secondary-logo"> <a href="http://theimplantexperts.com/"> <img src="http://dentists.theimplantexperts.com/wp-content/uploads/sites/2/2015/01/TIE_WebHeader_Patientslink1.png" /> </a> </div>'; }
Cheers!
JosueJanuary 30, 2015 at 12:42 pm #388250I’ve added it to the functions.php file in the enfold-child-dentists folder on the server but it’s not worked. Nothing is displaying now! http://dentists.theimplantexperts.com/
January 30, 2015 at 10:31 pm #388562Hi,
Can you please create us a WordPress administrator account on the dentists website? post it here as a private reply.
Regards,
JosueJanuary 31, 2015 at 12:26 am #388641This reply has been marked as private.January 31, 2015 at 1:30 am #388659In that case we’d need FTP access if you want us to help you with this modification.
Best regards,
JosueJanuary 31, 2015 at 10:10 am #388719This reply has been marked as private.February 2, 2015 at 7:56 am #389171Hi!
You have two different installation of WP, right? Please use this for http://theimplantexperts.com site.
add_action('ava_after_main_menu','custom_things'); function custom_things() { echo '<div class="secondary-logo"> <a href=" http://dentists.theimplantexperts.com/"> <img src="http://theimplantexperts.com/wp-content/uploads/2015/01/TIE_WebHeader_Patientslink.png" /> </a> </div>'; }
And this one for the other site:
add_action('ava_after_main_menu','custom_things'); function custom_things() { echo '<div class="secondary-logo"> <a href=" http://www.theimplantexperts.com/"> <img src="http://dentists.theimplantexperts.com/wp-content/uploads/sites/2/2015/01/TIE_WebHeader_Patientslink1.png" /> </a> </div>'; }
Use the same css for both sites.
Cheers!
IsmaelFebruary 2, 2015 at 12:26 pm #389278Thanks Ismael
I have got two versions of WP on the server one for the patient site and one for the dentists.
There are 3 folders in the Theme folder on the server:
enfold
enfold-child
enfold-child-dentists
I’ve checked the functions.php files in both the child folders and they match the code you provided. There is also this code in the ‘enfold’ functions.php file:add_action(‘ava_after_main_menu’,’custom_things’);
function custom_things() {
echo ‘<div class=”secondary-logo”>
</div>’;
}Please can you clarify what I need in all three functions.php files. They both have the same css.
-
AuthorPosts
- You must be logged in to reply to this topic.