Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • January 4, 2017 at 12:19 am #729219
    Erwin

    Hi,

    Following the tutorial in the documentation to add a widget to the header, I’ve added a text-button back (terug) to my site. When I try to place it with some padding and margin, I am not successful to put it on the right place. See the url in the private-section. I would like to place it next to the logo, beneath the logo, or in the menu.

    If you could help me out with this, that would be great.

    Regards,

    Erwin

    January 4, 2017 at 6:14 am #729285
    Rikard

    Hi Erwin,

    If you only want a simple link then I think it should work fine placing it in the menu, if that is where you want it?

    Best regards,
    Rikard

    January 4, 2017 at 9:51 am #729338
    Erwin

    Hi Rikard,

    Thank you for your fast reply.

    At first I’ve tried to place it into the header.php, but I couldn’t get it sticky to the the logo. It scrolls up with the page. Because I would like it to be visible at all times, I’ve tried to put it in the menu, as you suggested. But my link is : Terug. This doesn’t work using the menu.

    I think you’ll have an idea of what I want, a back-button in the header who’s also available. What would be the best approach?

    Regards,

    Erwin

    January 4, 2017 at 11:13 pm #729664
    Yigit

    Hi,

    I think adding your link as subtext might work better as it would -depending on your custom CSS- display around your logo – http://kriesi.at/documentation/enfold/add-subtext-to-logo-replace-logo-with-site-title/
    If you need further assistance, please post temporary admin logins here privately :)

    Best regards,
    Yigit

    January 4, 2017 at 11:54 pm #729673
    Erwin

    Hi Yigit,

    Thanks for your reply. I’ve added the first option, without any changes. On my site I don’t see any change. Am I doing something wrong?

    Regards,

    Erwin

    January 4, 2017 at 11:55 pm #729674
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .logo img {
    float: left;
}

    Best regards,
    Yigit

    January 5, 2017 at 12:07 am #729676
    Erwin

    Hi,

    That works indeed, but when I try to add a to my previous browser window, wordpress hangs in a error 500. So I have to edit functions.php via ftp to get it back on his feet.

    I’ve added:

    add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
    function kriesi_logo_addition($sub) {
    $sub .= “Terug“;
    return $sub;
    }

    Suggestions?

    Regards,

    Erwin

    January 5, 2017 at 12:51 am #729687
    Yigit

    Hey!

    Can you please post the code you would like to add here using – http://pastebin.com/? There must be some sort of syntax error

    Regards,
    Yigit

    January 5, 2017 at 12:58 am #729689
    Erwin

    Hi,

    See http://pastebin.com/DtdMhLWq

    Regards,
    Erwin

    January 5, 2017 at 1:09 am #729692
    Yigit

    Hey!

    Please try using the code as following 

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
    $sub .= "<a href='javascript:javascript:history.go(-1)'>Terug</a>";
    return $sub;
}

    Something i have not considered is the link. Please apply the changes so we can check again if that happens to be the case

    Best regards,
    Yigit

    January 5, 2017 at 1:16 am #729694
    Erwin

    Hi,

    Added it. It doesn’t give any error anymore. But it doesn’t show up on the frontend.

    Regards,

    Erwin

    January 5, 2017 at 1:22 am #729697
    Yigit

    Hi,

    Please add following code to Quick CSS

    .logo > a {
    float: left;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    January 5, 2017 at 1:28 am #729698
    Erwin

    Hi,

    Okay, that is working. Now I want to style it apart from the logo. Also I want to hide it on the homepage, if I try this right now, the logo is also disappearing.

    Regards,
    Erwin

    January 6, 2017 at 6:36 am #730183
    Nikko

    Hi,

    You can hide the logo in the homepage by adding this in QUick CSS:

    .home .logo {
    display: none;
}

    As for the styling it apart from the logo, can you show us what style you want to achieve? you can post a screenshot or an image so we can visualize it.

    Best regards,
    Nikko

    January 6, 2017 at 10:40 am #730257
    Erwin

    Hi,

    Nikko, thank you for your reply!

    I want the logo to be visible on each page, including the homepage. It’s the $sub which is added to the logo which has to be hidden on the homepage. It doesn’t have any function at the highest level of the site.

    So, what do I want, I want a back-button placed, which is all the time visible but hidden on the homepage. See my screenshot-link in the private section.

    Regards,

    Erwin

    January 7, 2017 at 11:43 am #730673
    Erwin

    I’ve bin trying to add a class to the link, but then my site gives an error 500. I’m trying the following:

    $sub .= "<a href='javascript:javascript:history.go(-1)' class="terug">Terug</a>";

    What am I doing wrong?

    Regards,
    Erwin

    January 9, 2017 at 6:34 am #730985
    Ismael

    Hi,

    It’s the “double quotes” that’s causing the issue. Replace it with a single quote.

    $sub .= "<a href='javascript:javascript:history.go(-1)' class='terug'>Terug</a>";

    Best regards,
    Ismael

    January 10, 2017 at 8:23 am #731438
    Erwin

    Hi,

    Thank you, this did work. I’m only struggling with the styling, the background has the full height of the logo-div. So I’v tried to replace my text with an image, but then it’s giving me an error again.

    Is there a way to add an image?

    Regards,
    Erwin

    January 13, 2017 at 2:48 pm #733143
    Andy

    Hi,

    the only thing which works so far is to add a height value into it:

    .terug {
height: 55px !important;
}

    Best regards,
    Andy

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