Easy Responsive Footer

I’m seeing similar error message on update for a site 10 commits behind:

An error occurred: You supplied invalid parameters to the request: 
The property at JSON Pointer '/4/text' must be present. The property 
at JSON Pointer '/4/title' must be at least 1 character long. The property 
at JSON Pointer '/5/text' must be present. The property at JSON Pointer 
'/5/title' must be at least 1 character long.
1 Like

@sfg85 @cogdog If you don’t mind, can you PM me the current values of the link_sections and links setting?

1 Like

After finding my way into the settings editor (thanks to @tgxworld) I found the problem, I had 2 empty settings for link sections. Once I deleted them, the update worked.

And the new version has a much easier editor. I’m back in business.

3 Likes

@cogdog @tgxworld the forum allows me to post only one link and one screeshot so I’ll have to work around that. Therefor I made one screenshot of the post as I was going to reply. See blow :slight_smile:

Hope this helps. Let me know if you need more info.
Thank you!

2 Likes

Can you go to the theme page, click on “Settings Editor” below and give me the values for the links and link_sections settings?

1 Like

Here your go:

	{
        "setting": "link_sections",
		"value": "Shop|About|Contact"
	},
	{
        "setting": "links",
		"value": "Shop, Shop for products, https://www.domainname.com/en/store/?utm_souce=sfrmftr, blank, Shop for products|About, the Forum is proudly sponsored and hosted by domainname.nl.,https://www.domainname.com/en/store/?utm_souce=sfrmftr|Contact, contact@domainname.com, mailto:contact@domainname.com"
	},
2 Likes

So in the end I just removed the links (not the link sections). Then I was able to upgrade. After while trying to add the links in the new menu it gave met the following error when trying to save with the default _blank target:‘The property at JSON Pointer ‘/1/links/0/target’ must be one of the following [“_blank”, “_self”, “_parent”, “_top”].’

I changed it to _self. Then I was able to save. Afterwards I went back to edit the link and then I was able to change it to _blank as a target and save it.

I had to do the above for each link.

Perhaps the above is helpful in your debugging. Or perhaps it is not because of your component…

2 Likes

And nice new menu by the way! :slight_smile:

1 Like

Hm, ich cannot upgrade on of my sites and I get the following error:

Ein Fehler ist aufgetreten: Die Migration „0004-migrate-social-links-setting“ ist auf den folgenden Laufzeitfehler gestoßen: TypeError: helpers.isValidUrl is not a function

That is strange as the setup of these sites is quite similar. Any idea?

Hi, thanks for this component, it’s great! Is there any way to replace the very first column with our company logo so that it aligns with the other columns?

1 Like

Fantastic component, well done!

When you have only one category, it’s located in the middle of the box. Is it possible to move it to the left side? Ideally, I’d like to have the ‘Review us’ section on the left side of the screen and then the social media links on the right side.

1 Like

Hello, I would like to know how to add my custom footer code to the Easy Footer. Is there an import option? Only see Export here.

1 Like

Can this component add support for images in addition to text? So that we can put logos in the footer?

1 Like

Very cool component, thx for that.
Some question - maybe too simple :wink:
I reduced and removed nearly everything except the smalllinks…so far so good. However…the whole footer is always out of the screen area, so users must scroll, even on the login / registration page (private / closed forum). Is there any way that that footer comes up without scrolling if there is enough space available?


Thanks a lot!

1 Like

How do I change the color of the footer?

Right now it is black and I wish to have a light colour of the footer

1 Like

Hey, welcome. You can try this CSS in your theme or a new component:

.login-page {
    .sidebar-wrapper {
        display: none;
    }
    
    #main-outlet {
        min-height: auto;
    }
    
    .custom-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
}

You might need adjustments, but that would be a start.

You can use this CSS, for example:

.custom-footer {
  background-color: #006699;
}
3 Likes

Thank you it worked for the background colour. How do I change the text colour of the footer? For some reason my footer text colour is yellow.

1 Like

Here are the default color values. You can adjust them:

.custom-footer {
  .flexbox {
    color: var(--secondary);
  }
  
  .first-box {
    .blurb {
      color: var(--secondary-high);
    }
  }
  
  .third-box {
    .social {
      .social-link {
        .d-icon {
          color: var(--secondary);
        }
      }
    }
    .small-link {
      color: var(--secondary-high);
    }
  }
  
  .footer-section-link-wrapper a {
    color: var(--secondary-high);
  }
}
1 Like

Oh where can I edit these? Do I just replace (–secondary) with the colour code?

1 Like

That’s right. By default it uses CSS variables, but you can replace var(..) with the CSS color of your choice.

1 Like