Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • March 18, 2014 at 5:05 am #239128
    sbourdon

    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 #239157
    Ismael

    Hey 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,
    Ismael

    March 20, 2014 at 7:33 pm #240842
    sbourdon

    Hi 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 #241006
    Ismael

    Hey!

    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!
    Ismael

    March 21, 2014 at 5:14 am #241014
    sbourdon

    Thanks Ismael! I’ll update, watch the video and let you know.

    Cheers,
    Steve

    March 21, 2014 at 2:20 pm #241175
    Yigit

    Hey!

    Sure, we will be waiting to hear from you

    Cheers!
    Yigit

    March 22, 2014 at 6:50 pm #241656
    adapt

    Hi 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 #241920
    garbath

    Hi 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 #242063
    Ismael

    Hi!


    @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,
    Ismael

    March 26, 2014 at 10:38 am #243246
    garbath

    It 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 #245377
    Yigit

    Hey!


    @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,
    Yigit

    April 1, 2014 at 2:25 am #245822
    garbath

    Hi, Yigit ,
    My draft website is http://www.tiantangsandian.com . Thanks for your help in advance .

    April 1, 2014 at 2:55 pm #246043
    Yigit

    Hi!

    Please firstly remove all custom CSS code you have added to .subtext, .logo-title and .logo-subtitle classes

    Cheers!
    Yigit

    April 3, 2014 at 1:26 pm #247004
    garbath

    Hi, Yigit

    I had removed the Quick CSS . What is the next step ?

    April 7, 2014 at 3:05 am #247990
    Yigit

    Hi!

    Please add following code to Quick CSS

     .logo img { display: inline-block; }
.header-scrolled .subtext { display: none; }

    Best regards,
    Yigit

    February 2, 2015 at 5:35 pm #389473
    Edna

    Hi Yigit,
    I have applied the above code and added a yellow border around the span as a visual guide.
    Is there a way to display the text like so:

    February 2, 2015 at 5:36 pm #389475
    Edna
    This reply has been marked as private.
    February 4, 2015 at 12:20 pm #390682
    Ismael

    Hey!

    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,
    Ismael

    February 4, 2015 at 4:38 pm #390785
    Edna

    Hi 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
    E

    February 5, 2015 at 3:41 pm #391389
    Ismael

    Hi!

    Looks like you figured out how to adjust the position of the sub text. :)

    Regards,
    Ismael

    February 5, 2015 at 4:38 pm #391425
    Edna

    Hi 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 #391984
    Ismael

    Hi!

    Alright. Remove the br tags then add this css code:

    strong.logo-title {
display: block;
width: 200px;
}

    Adjust the width.

    Regards,
    Ismael

    February 9, 2015 at 6:35 pm #393209
    Edna

    Thanks 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 advance

    Edna

    February 10, 2015 at 9:34 am #393565
    Ismael

    Hi!

    I think you should hide on mobile view:

    @media only screen and (max-width: 767px) {
strong.logo-title {
display: none !important;
}}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 24 posts - 1 through 24 (of 24 total)
  • You must be logged in to reply to this topic.