-
AuthorPosts
-
March 18, 2014 at 5:05 am #239128
Hi,
I would like to add either an image or text with the phone number in large burgandy red font to be located at the top of the homepage (or all pages) in the middle bland space between the logo and menu. How would I do that? Thanks!
March 18, 2014 at 7:13 am #239157Hey Steven!
You can edit includes > helper-main-menu.php, find this code on line 101 which renders the logo:
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'strong', true);
You can add the image code below, something like this:
echo "<div class='header-addition'>CONTENT OR IMAGE HERE</div>";
Best regards,
IsmaelMarch 20, 2014 at 7:33 pm #240842Hi Ismael,
Sorry for the late reply. Thanks for the tip!
I’m using the enfold them and didn’t find a helper-main-menu.php in the includes. I looked in all ther other helper files and din’t find any logo reference.
I did find the logo referenced in the header.php as show below:
/*
* display the theme logo by checking if the default logo was overwritten in the backend.
* the function is located at framework/php/function-set-avia-frontend-functions.php in case you need to edit the output
*/
echo avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, false, ‘strong’);I placed my image in the images/layout folder and added the following line under the exho avia_logo as shown below:
echo "<div class='header-addition'>AVIA_BASE_URL.’images/layout/Phone.jpg'</div>";
Of course it broke the website, I imagine because of some syntax error. I’m sorry my knowledge in this area is limited.
Thanks for your help and best regards,
Steve
March 21, 2014 at 4:46 am #241006Hey!
If you don’t have the said file on includes folder then you’re using an old version of the theme. Please download 2.6.2 then edit helper-main-menu.php. Update the theme via FTP. Watch this video by Devin: https://vimeo.com/channels/aviathemes/67209750
Cheers!
IsmaelMarch 21, 2014 at 5:14 am #241014Thanks Ismael! I’ll update, watch the video and let you know.
Cheers,
SteveMarch 21, 2014 at 2:20 pm #241175March 22, 2014 at 6:50 pm #241656Hi guys
I want to do the same thing, and add an extra graphic next to the logo on the top.
I upgraded my template file to the latest version, and inserted the following code under “echo avia_logo” line as mentioned:
echo "<div class='header-addition'> <center> <img src="http://examplesite.com/wp-content/uploads/2014/03/free-shipping.jpg"></img> </center> </div>";
however this just completely breaks the site. I’ve swapped the image code with text, and that works ok, so I’m obviously nearly there. Could you point out what I’m doing wrong?
Cheers
March 24, 2014 at 4:16 am #241920Hi Ismael ,
I want to add a company name and subtitle after the logo , but after add “echo “<div class=’header-addition’>company name </div>”; at the file “helper-main-menu.php” below the position “echo avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, $addition, ‘strong’, true); ” , the company text just behind the logo .
Could help how to add 2 row – company name and subtitle after Logo ?
March 24, 2014 at 1:58 pm #242063Hi!
@garbath: Add something like this on functions.php:add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { $sub .= "<strong class='logo-title'>Company Name</strong>"; $sub .= "<strong class='logo-title logo-subtitle'>Additional Text Here</strong>"; return $sub; }
Change the company name and add another custom text if you want.
Add this on Quick CSS to adjust the position of the subtext.
.subtext { position: absolute; top: 30px; } .subtext strong { margin-right: 10px; }
Regards,
IsmaelMarch 26, 2014 at 10:38 am #243246It seems not work , text haven’t appear . I can see the text in source code , but no appear .
how to adjust the Quick CSS?
- This reply was modified 10 years, 8 months ago by garbath.
March 31, 2014 at 11:58 am #245377Hey!
@garbath Can you post the link to your website so we can take a look and provide you more accurate custom CSS code?Best regards,
YigitApril 1, 2014 at 2:25 am #245822Hi, Yigit ,
My draft website is http://www.tiantangsandian.com . Thanks for your help in advance .April 1, 2014 at 2:55 pm #246043Hi!
Please firstly remove all custom CSS code you have added to .subtext, .logo-title and .logo-subtitle classes
Cheers!
YigitApril 3, 2014 at 1:26 pm #247004Hi, Yigit
I had removed the Quick CSS . What is the next step ?
April 7, 2014 at 3:05 am #247990Hi!
Please add following code to Quick CSS
.logo img { display: inline-block; } .header-scrolled .subtext { display: none; }
Best regards,
YigitFebruary 2, 2015 at 5:35 pm #389473February 2, 2015 at 5:36 pm #389475This reply has been marked as private.February 4, 2015 at 12:20 pm #390682Hey!
Replace the code with this:
add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { $sub .= "<strong class='logo-title'>Is the Ultimate Alternative to Having a<br> Human Teaching Assistant In a Home &<br> School Environment</strong>"; return $sub; }
We added the br tags. We’ll get back to you after.
Regards,
IsmaelFebruary 4, 2015 at 4:38 pm #390785Hi Ismael,
Thanks. I have replaced the code in functions.php
It now creates multiple lines in smaller screens below the logo.
Thanks so much for all the help
EFebruary 5, 2015 at 3:41 pm #391389Hi!
Looks like you figured out how to adjust the position of the sub text. :)
Regards,
IsmaelFebruary 5, 2015 at 4:38 pm #391425Hi Ismael.
Not all of it. I still get the line breaks which we put in earlier. and when I remove them Then I get a long line of text in large screens which we don’t want.
Is there a way to place the text without adding the <br> tags so the text does not cut at weird places in smaller screens?
Please see here for a screenshot:
February 6, 2015 at 12:45 pm #391984Hi!
Alright. Remove the br tags then add this css code:
strong.logo-title { display: block; width: 200px; }
Adjust the width.
Regards,
IsmaelFebruary 9, 2015 at 6:35 pm #393209Thanks Ismael,
just one last issue with it. On an iphone the responsive menu button is now over the text. Any chance this can be fixed as well? Please see screenshot below and thanks so much in advanceEdna
February 10, 2015 at 9:34 am #393565 -
AuthorPosts
- You must be logged in to reply to this topic.