Home › Forums › Air WordPress Theme › How to add photo credits to footer

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • January 18, 2021 at 7:26 pm #23608
    applemint
    Participant
    Purchased
    Expired

    My footer has two sets of information (the logo and social icons).
    Underneath that I want to add a line of copyright info and underneath the copyright line, add credits of all photo’s of each particular page (meaning credits will be different on each page).
    What are you recommendations on how to do this?
    Thank you.

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    January 19, 2021 at 1:25 am #23609
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    My footer has two sets of information (the logo and social icons).

    Are the two sets of information on 2 different columns?

    Regards!

    SeaTheme – SeaTheme.net – Twitter – Facebook

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    January 21, 2021 at 8:04 pm #23652
    applemint
    Participant
    Purchased
    Expired

    Hi,
    That’s how they automatically show up, one next to the other. But I didn’t set it that way.
    I went to Theme Options > General > Footer >
    Footer Elements: 2 sets of information
    Information 1: logo
    Information 2: social Icons
    Regards

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    January 22, 2021 at 3:01 am #23656
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    It is possible to add a copyright
    1)
    Install a custom js plugin like Simple Custom CSS and JS, put the javascript codes by this plugin(Custom CSS & JS > Add Custom JS), add JS code:

    jQuery(document).ready(function( $ ){
  $('.footer-info').append('<span class="air-copyright center-ux">Copyright</span>')
});

    2)
    Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

    .air-copyright{
	position:absolute; bottom: 50px; font-size:12px;  
}
.footer-info {
	position:relative;
}

    credits of all photo’s of each particular page (meaning credits will be different on each page).

    It is not possible to add different credits for each particular page.

    Regards

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    February 25, 2021 at 3:32 am #23960
    applemint
    Participant
    Purchased
    Expired

    Hi,

    Thank you for the above code. I just got into testing it and it works succesfully.

    1. Since I’m adding more than one line, how to increase the space below the Footer Elements to give it more space?

    2. Does adding this Javascript require the use of a Child Theme? I have been working on the parent theme so far.

    Regards

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    February 25, 2021 at 4:15 am #23961
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    1) Please paste the custom CSS code to “Appearance > Customize: Additional CSS”
    .footer-info {margin-bottom:20px;}
    If it doesn’t work, please leave your website URL.

    2) You could add the JS code with child theme(custom.js) also. It is not necessary to install the plugin if you use child theme.

    Regards

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    February 25, 2021 at 4:23 pm #23965
    applemint
    Participant
    Purchased
    Expired

    Thank you.

    1. Yes it works. Except that it causes the back to top arrow to not align anymore. Is the following code okay to fix that? .container-fluid.back-top-wrap {bottom: 80px;}

    Now that I understand which class to approach, I was wondering if instead of your above recommendation .footer-info {margin-bottom:20px;} , I could also do this? .footer-info {height: 230px;}

    2. What I meant was, can I keep working in the parent theme with the added JS code with the plugin you recommended? Or will an update to the parent theme delete this code?

    Many thanks and regards

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    February 25, 2021 at 5:00 pm #23966
    applemint
    Participant
    Purchased
    Expired

    3. I found a new issue with adding space to footer. When a page has very little content, it will now show the new footer credits, even though footer logo and social icons are covered/invisible. I would like the footer credits to be invisible as well. Can this be fixed? I will add links to show the issue.

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    February 25, 2021 at 5:01 pm #23967
    applemint
    Participant
    Purchased
    Expired
    This reply has been marked as private.

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    February 26, 2021 at 1:01 am #23971
    SeaTheme
    Keymaster
    Purchased
    Expired

    HI,

    1. Please add the custom CSS to fix mobile issue:

    @media (max-width: 767px) {
.air-copyright { 
    bottom: auto;
 }
}

    2.

    What I meant was, can I keep working in the parent theme with the added JS code with the plugin you recommended? Or will an update to the parent theme delete this code?

    I don’t understand your question now. But don’t change the original files in Air theme folder.
    This custom job need JS code, there are 2 ways to add JS: by a plugin or child theme. This way is by the plugin https://seatheme.net/forums/topic/how-to-add-photo-credits-to-footer/#post-23656

    3. Please add the custom CSS

    #wrap {
    min-height: 100vh;
}

    Regards

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    February 26, 2021 at 3:07 am #23972
    applemint
    Participant
    Purchased
    Expired

    Wonderful, it all works! Glad you found and gave solution to a phone issue as well. Thank you!

    2. You answered my question. Thank you.

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    February 26, 2021 at 6:54 pm #23982
    applemint
    Participant
    Purchased
    Expired

    1. There seems to be still a mobile issue. Not all copyright info is appearing in mobile view.

    2. I had added margin-bottom to the logo, because it aligns better that way with social icons in normal view. How to remove this for mobile view? This might also be adding to the problem in #1, but not entirely.

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    February 27, 2021 at 2:24 am #23985
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    please update 

    @media (max-width: 767px) {
.air-copyright { 
    bottom: auto;
 }
}

    as:

    @media (max-width: 767px) {
 .air-copyright {
    bottom: auto;
    position: relative;
    margin-bottom: 50px;
    width: 100%;
   -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    left: auto;
 }
 .responsive-ux .footer-info {
    padding-bottom:40px; height:auto!important;
 }
}

    2. I didn’t find where the margin-bottom is added
    if you don’t it works on mobile, pleas set it as 0 with in media

    @media (max-width: 767px) {
   .xxx{margin-bottom:0px}
}

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    February 27, 2021 at 6:35 pm #23991
    applemint
    Participant
    Purchased
    Expired

    1. This works, thank you. In the last rule, I reduced 40px; to 25px; and hope that won’t mess up anything?

    2. This works. I used: 

    @media (max-width: 767px) {
   .logo-footer-img {
		 margin-bottom: 0px}
}

    Thank you

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    March 23, 2021 at 4:18 pm #24129
    applemint
    Participant
    Purchased
    Expired

    Hi,

    I am trying to include this code to my footer, which is a link offered by my hosting service:

    <!-- GreenGeeks Seal Code -->
<div><a href="#" onclick="ggs_ggseal()">green website</a><script>function ggs_ggseal(){window.open("https://my.greengeeks.com/seal/","_blank")}</script></div>
<!-- End GreenGeeks Seal Code -->

    I replaced the seal image of the code with the text: green website.
    It works when I add it to a text editor, but not to the footer, which is in javascript as given to me in an earlier answer in this thread (I added a paragraph):

    jQuery(document).ready(function( $ ){
  $('.footer-info').append('<span class="air-copyright center-ux"><p>Copyright</p><p>green website</span>')
});

    Is it possible to integrate the seal code in some way?

    I don’t know if this type of question is included in the support service, so my apologies for asking if it isn’t.

    Thank you

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    March 24, 2021 at 12:37 am #24130
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    It is not possible to add the GreenGeeks Seal Code by javascript.

    You could add it into footer.php by the child theme, it is just a suggestion, it is not included the free support.

    Regards!
    SeaTheme – FAQs – Twitter – Facebook

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    March 24, 2021 at 4:32 pm #24141
    applemint
    Participant
    Purchased
    Expired

    Okay, thank you.
    Regards.

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

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