Quitting footer.php simplified through child-theme

Hi Rod,

Looking at your website, all you need to do is to inject some HTML into either the .site-name or .powered-by div, then make it 100% wide and hide the other one.

So copy the required HTML into “Customizer – Footer Options – Replace “Powered by” Text” then use something like this to do what you require …

.site-name {
display: none;
}
.site-footer > .site-info .powered-by {
margin: 0;
width: 100%;
text-align: center;
}

Hope that helps!

I’m afraid due to WordPress forum guidelines we are not allowed to discuss contacting users away from the forum.

Wordpress forum guidelines also prevent us from discussing premium plugins.

However, if you are talking about making a donation to the plugin, you can do so via Paypal and you don’t require a Paypal account … Paypal can take card payments without Paypal accounts.

Oliver

Hi Oliver,
Thanks for clarifying that.

I can’t apply paragraphs or line breaks in the space where to write the text that will substitute “powered by…”. Is there a way to add 4 to 5 lines of text?

• This reply was modified 3 years, 6 months ago by rod.

Hi Rod,

You don’t need paragraphs or line breaks, the HTML details with that. Just put it all on one line and you will be good to go.

Oliver

Ooh! Html magically rendered into text! Thanks Oliver. I am picking up the flow again ??

cheers
Rod

Great! ??

Hi again Oliver,

2 things still in order to put the website as it was when I had the child-theme, that maybe you can help with:

a) Is there a way to make the footer transparent? I see a selection of color for background but no transparency option. I am able to apply opacity: 0% in the inspector but not in the customiser.
UPDATE: adding a Bg image made the footer defaultly become transparent when no color attributed. Great ??

b) Is there a way to add a different background image to each page?
UPDATE: this seems to work:

.page-id-223.custom-background {
	background-image: url("https://delasciencealassiette.fr/wp-content/uploads/2020/12/antioxydants-purple.jpg");
}

which led me to point c) How to make the header not be transparent?
Already found out when solving a)

The Options plugin allowed me to clean a lot of the css in the customiser. Thank you!

Rod

• This reply was modified 3 years, 6 months ago by rod.
• This reply was modified 3 years, 6 months ago by rod.

Hi Rod,

Glad you’ve solved the footer transparency yourself, let me know if you need anything else here.

You can indeed set a different background image per page by using the “Customizer – General Options – Featured Background Image” option.

But this obviously requires you to be happy to use the featured image in this manner.

Oliver

Hi Oliver,

The featured image as background option works well. But then I wonder if this featured image becomes automatically ratted in google as the image associated with the page? Is it something to have in consideration when choosing the images?

And if I decide to not add a featured image to the Home page, the Footer info doesn’t show since the footer is transparent and the background is white when no image is added. Can I make the footer black only on the Home page?

Thanks
Rod

• This reply was modified 3 years, 5 months ago by rod.

Hi Rod,

The plugin takes the featured image from the usual Featured Image location once the page has loaded via JavaScript.

So … the image will already be in the HTML and Google will almost certainly associate the image with the page … but not anymore than it would do without the plugin.

And to make the footer background black but only on the home page, add something like this in “Customizer – Additional CSS” …

body.home {
.site-footer {
background-color: black;
}
}

Hope that helps.

Oliver

Hi Oliver, thanks for passing by.

It didn’t work, not even with the !important added.
Any ideas?

Sorry, I think I’m a little tired! That CSS should be …

body.home .site-footer {
background-color: black;
}

Oliver

I am not surprised. From this perspective you seem to be omnipresent. Hope you find the rest you need.

It worked. I added
`.no-widgets .site-footer {
max-width: var(–responsive–alignfull-width);}
when I realized the black background didn’t extend to the max with. This way it makes it align full for the whole site, I guess.

Thanks

OK, sure. You could use the footer background colour option and then change the above CSS to …

#footer-wrapper {
background-color: transparent;
}
body.home #footer-wrapper {
background-color: black;
}

… which would keep the alignment of the original footer … should you wish to.

Kind regards,

Oliver

It worked.

Gratitude for your presence, bringing ease and efficacy to what we struggle with.

Rod

Fantastic!