Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 17, 2014 at 4:17 am #352258
    Renvato2

    I am trying to create a Full Photo Landing page (click on link)
    I basically have the full page photo layout done and I am working on the header now but I need to know how to remove the Enfold Logo and replace it with Text? I found a previous Topic that asked the exact same question but the answer from early 2013 no longer applies to this new version. So I need to ask it again. Also is there going to be any issues getting the Menus, Icons and heading to look like the mockup (click on Link) ?

    November 17, 2014 at 3:52 pm #352476
    Yigit

    Hi Renvato2!

    Please add following code to Functions.php file in Appearance > Editor 

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
    $sub .= "Company Name";
    return $sub;
}

    and add following code to Quick CSS in Enfold theme options under General Styling tab

    .logo img { display: none; }

    The easiest way of realising your mockup would be choosing to display transparent header on your landing page ( http://kriesi.at/documentation/enfold/portfolio-item/intro-to-the-header-configurator/ ) and choosing transparent logo in Enfold theme options > Header > Transparency Options. I mean image instead of text

    Best regards,
    Yigit

    November 17, 2014 at 5:21 pm #352552
    Renvato2

    Thanks for the info,

    For me the header layout is just as critical as the page layout. I wish I could just click onto the Header portion in advanced page layout and edit it with all the same drag and drop options as the advanced layout page editor does for the page portion. Right now I Do not like the default spacing and layout. I have tried every option under header and also in page layout but nothing is what I want. I do not know Css or PHP but I guess I have to learn some of it to make my header look like my mockup page? I was hoping this would be a fast drag and drop build? I do have PhotoShop CS4 would it be any easier to make this landing page if I purchased your PSD version? Is there any other way to make the header look like I want with the nice Icons, Balanced spacing, menus and text size and color without having to learn how to code?

    November 17, 2014 at 5:40 pm #352570
    Yigit

    Hi!

    Can you post the link to your website please? We can provide you some custom CSS codes

    Regards,
    Yigit

    November 17, 2014 at 6:44 pm #352609
    Renvato2
    This reply has been marked as private.
    November 19, 2014 at 3:01 am #353445
    Andy

    Hey!

    Please add the menu as you build in your mockup. Also remove the default logo as Yigit said in his post before.
    Add this to Quick CSS:

    .av-main-nav li {
right: 500px;
color: white;
font-family: sans-serif;
}

    Please adjust “500px” or “sans-serif” to the values of your needs.

    Regards,
    Andy

    November 19, 2014 at 3:10 am #353447
    Josue

    Hi!

    Please review your website. Here’s what i did:
    1. Changed the background image from an Image element to a Color Section (you can also a fullscreen slider for this) so it spans the browser window.
    2. Applied Yigit’s solution to replace logo.
    3. Changed Header Size in Theme Settings > Header.
    4. Changed Transparency Settings in Theme Settings > Header.

    Regards,
    Josue

    November 19, 2014 at 4:08 am #353466
    Renvato2

    That really looks great, I appreciate all your time to make this work out.

    I have another Question.
    In the Functions.php file in Appearance > Editor, there is the Code that Yigit created that replaces the Enfold Logo so I can add my Heading Text,

    #1 How do you make two lines of text as per the Mockup?
    #2 How do I change the Size and Font Type for each Line of Text?

    Thanks again for the Amazing work!

    November 19, 2014 at 4:47 am #353473
    Josue

    Hey!

    Check it now, i modified the code in functions.php and added this to style.css:

    .subtext .first-line {
    font-size: 16px;
    color: white;
}

.subtext .second-line{
    font-size: 14px;
    color: peru;
}

    Change as needed.

    Cheers!
    Josue

    November 19, 2014 at 4:56 am #353475
    Renvato2

    Josue,

    That looking really great, that about covers it except for on last thing.

    How do I add the Font Style in that Code?

    Thanks,

    Russ

    November 19, 2014 at 4:58 am #353476
    Josue

    Hi!

    Just add the font-family property:

    .subtext .first-line {
    font-size: 16px;
    font-family: "Verdana";
    color: white;
}

.subtext .second-line{
    font-size: 14px;
    font-family: "Georgia";
    color: peru;
}

    Best regards,
    Josue

    November 19, 2014 at 5:03 am #353479
    Renvato2

    Josue,

    Thanks a bunch, you guys are really the best.

    Customer Service is truly off the scale.

    I should be able to handle the rest from here.

    Thanks again!

    Russ

    November 19, 2014 at 5:09 am #353480
    Josue

    You are welcome Russ, glad we could help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/

    Regards,
    Josue

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Replace Default logo with Text or remove it completely.’ is closed to new replies.