Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • October 5, 2015 at 12:00 pm #513650
    davidpreston

    Hi,

    I’ve just built my first website for a client, but, how do I add a link in footer that directs people to my own site? (All I seem able to do is add a link to a page/item that forms a part of the client site).

    October 5, 2015 at 12:04 pm #513657
    Yigit

    Hey davidpreston!

    Please see – http://kriesi.at/documentation/enfold/change-the-footer-text-and-link/
    You can use HTML in copyright text field

    Regards,
    Yigit

    October 5, 2015 at 12:29 pm #513686
    davidpreston

    Great, thanks. Can I check one final thing?

    Using Avia Layout builder I have an image, duplicated and sat side by side. How do I place a class in each one, on the first image: “only-mobile” and the second one: “only-desktop”?

    i’ve tried to follow this guide http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ but
    – I don;t know where to find a shortcode/template builder element
    – I can’t see custom css class anywhere within the image settings

    Thanks,

    DP

    October 5, 2015 at 12:37 pm #513695
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately so we can look into it?

    Cheers!
    Yigit

    October 5, 2015 at 12:49 pm #513706
    davidpreston

    Sure,

    All I want to do is add “only-mobile” to the left image of the guy in the pipe and “only-desktop” to the right image.

    I’ve checked the functions.php file so that the custom class field is enabled:
    add_theme_support(‘avia_template_builder_custom_css’);

    I’ve also added custom CSS

    @media only screen and (min-width: 767px) {
    .only-mobile{
    display: none
    }
    .only-desktop{
    display: block;
    }
    }

    .only-mobile{
    display: block;
    }
    .only-desktop{
    display: none;
    }

    October 5, 2015 at 12:50 pm #513707
    davidpreston

    oops, forgot the link

    October 5, 2015 at 12:58 pm #513713
    Yigit

    Hi!

    Code was commented out in Functions.php file. I removed comments and added “only-mobile” class to your element. Please review your website now

    Regards,
    Yigit

    October 5, 2015 at 1:15 pm #513731
    davidpreston

    Great that worked, thanks.

    How did you add a class to the element? There’s loads of these I need to do :)

    October 5, 2015 at 1:21 pm #513738
    Yigit

    Hey!

    You can simply click on your element and add custom class to new field – http://i.imgur.com/OYsJjwW.png :)

    Cheers!
    Yigit

    October 5, 2015 at 1:27 pm #513744
    davidpreston

    Ok, sorry, I’ve looked again and it doesn’t seem to be working, the left image (only-mobile) and the right one (only-destop) both appear.

    Could it be a problem with the way i pasted the CSS?

    October 5, 2015 at 1:29 pm #513745
    Yigit

    Hi!

    Please change your code to following one 

    @media only screen and (min-width: 767px) {
.only-mobile{
display: none;
}
.only-desktop{
display: block;
}
}
@media only screen and (max-width: 767px) {
.only-mobile{
display: block;
}
.only-desktop{
display: none;
}}

    Regards,
    Yigit

    October 5, 2015 at 1:42 pm #513754
    davidpreston

    done that and they’re still both appearing i’m afraid.

    October 5, 2015 at 2:26 pm #513803
    Yigit

    Hey!

    I added !important rule to the codes and it seems to work fine. Please review your website now

    Cheers!
    Yigit

    October 5, 2015 at 2:51 pm #513834
    davidpreston

    That works, you’re amazing, thanks ever so much :)

    October 5, 2015 at 2:56 pm #513840
    Yigit

    Hi!

    You are welcome, we are always happy to 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/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Add image 'class' + link in footer.’ is closed to new replies.