Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • April 22, 2016 at 7:57 pm #620187
    StigRamstad

    Hi,
    How can I achieve the exact same effect as at kriesi.at?

    I want to add subtext to logo with site title and tagline Kriesi.at style?

    My text does not disappear as nicely as yours when scrolling down.

    I want the blog tagline displayed as well, and the same size and colour as you.

    And the distance from the logo to the text should be shorter!

    Would appreciate some help, thanks!

    PS! I´m using your logo just as a placeholder, temporarily!

    April 25, 2016 at 4:04 pm #621435
    Yigit

    Hi StigRamstad!

    Please add following code to Quick CSS in Enfold thee options under General Styling tab

    .header-scrolled .subtext {
    opacity: 0;
}
.logo img { float: left; }

    Best regards,
    Yigit

    April 25, 2016 at 4:28 pm #621448
    StigRamstad

    Thanks!

    Works great now, but how can I make it not being a link text, just plain text like at kriesi.at, without the hover effect?

    Black and grey text!

    And with the second text line as well?

    Is it possible to have a little distance between the logo and the text?

    April 25, 2016 at 4:36 pm #621457
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .subtext {
    color: #f9a229!important;
    margin-left: 20px;
}
.logo * {
text-decoration: none !important; 
}

    Cheers!
    Yigit

    April 25, 2016 at 5:29 pm #621523
    StigRamstad

    Thanks, but it did not make a difference!

    How about adding the second line of text?

    April 25, 2016 at 5:32 pm #621529
    Yigit

    Hey!

    It should have. Do you mind creating a temporary admin login and posting it here privately?

    You can use HTML BR tag and add your second line

    Regards,
    Yigit

    April 26, 2016 at 10:23 pm #622553
    StigRamstad

    I left admin login in my first post here, can you get it from there?

    Can I use HTML where I write the website title? – Did not understand that, where!

    April 29, 2016 at 1:32 pm #624388
    Andy

    Hi,

    login link does not work for me. Please check.

    Best regards,
    Andy

    April 29, 2016 at 4:56 pm #624648
    StigRamstad

    /login-wp/ of course!

    The id and password is correct as in my first post!

    May 2, 2016 at 5:51 am #625452
    Rikard

    Hi,

    I get the following error when trying to log in to your site (in private)

    Not sure what is going on there?

    Thanks,
    Rikard

    • This reply was modified 8 years, 12 months ago by Rikard.
    May 2, 2016 at 9:49 am #625581
    StigRamstad

    Hi there Rikard,

    I´m very sorry, had set the .htaccess file to only accept my ip-adress only!

    It´s sett to all now, and you are able to try again!

    Thanks!

    May 3, 2016 at 12:32 pm #626365
    Yigit

    Hi,

    There was one extra closing curly bracket in your Quick CSS. I removed it. Please flush browser cache and review your website

    Best regards,
    Yigit

    May 3, 2016 at 7:48 pm #626713
    StigRamstad

    Thanks Yigit, looks great!

    One more thing, where could I add some html for creating an extra line of text, in the quick css or the functions file?

    May 4, 2016 at 4:13 pm #627316
    Yigit

    Hi,

    You can simply edit your line and use HTML BR tag to add additional lines – http://www.w3schools.com/tags/tag_br.asp
    To use HTML in your code, please refer to this post – http://kriesi.at/documentation/enfold/add-subtext-to-logo-replace-logo-with-site-title/

    Best regards,
    Yigit

    May 15, 2016 at 9:55 pm #632592
    StigRamstad

    Sorry, but don’t get your answer!

    I know html, but do not get where I can use it, to solve this!

    If I add the snippet with the h1 tag, everything disappears. If add code to the other snippets, the site breaks.

    You guys have the exact function in your own site, how hard can it be to share the correct solution?

    Most of the answers in these threads are like just kicking the bucket further down the road!

    With a closer look at my logo text, it does not fade out like the kriesi logo text, it does disappear, but I would like the fade out as well, how can I do that?

    May 15, 2016 at 10:10 pm #632598
    Yigit

    Hi!

    You can use the code as following 

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
    $sub .= '<h1>Company Name</h1>';
    $sub .= '<span class="second-line-subtext">Second line</span>';
    return $sub;
}

    then add following code to Quick CSS 

    .subtext { 
    transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
}

    Best regards,
    Yigit

    May 16, 2016 at 1:17 pm #632895
    StigRamstad

    Thanks’

    With the new snippet for the functions file, the text disappeared.

    When I hover over the area with the mouse, it reacts to some linked text, but I can not see it!

    Where it says Company Name/Second Line in the snippet, I can change the text right there?

    May 17, 2016 at 12:12 pm #633662
    Yigit

    Hi,

    I added following code to Style.css file of your child theme

    .logo span.subtext { float: left; }
.subtext h1 { margin-bottom: -20px; }

    Please review your website now

    Best regards,
    Yigit

    May 17, 2016 at 11:17 pm #634076
    StigRamstad

    Thanks’

    It did not solve the problem, but I figured it out!

    Had to take out the h1 tags in the functions snippet, replaced it with strong, and took out the css in the child theme!

    Then I mirrored the css from kriesi in the quick css, and it looks and work perfectly!

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘How to add subtext to logo with site title and tagline Kriesi.at style?’ is closed to new replies.