WebsiteBaker Support (2.13.x) > General Help & Support

Template customisation

<< < (3/6) > >>

hgs:
Do we understand this correctly
The footer of Revero should look like the footer of the page?

 https://www.derekprince.com/en-gb

apple:
Yes, that is correct. Black footer with the logo on right follow by sublinks and social media icons.
Thank you.

sternchen8875:

--- Quote from: hgs on July 28, 2023, 07:50:18 AM ---unfortunately all fromatings are written in ZN1, that is not so nice to "read" for us humans, but should bring a few milliseconds time saving when calling.

--- End quote ---

derekprince-en-gb.3b83e927d.min.css is a server-side-compressed CSS-File.
To decompress/unminified this file, download it, rename it to name.min.css and use a online-tool like https://unminify.com/ to decompress this file. Result is a simple CSS-File, easy to read and handle.
if you finish with your work, use another online-tool, to build a minified / compressed file (see https://www.toptal.com/developers/cssminifier)

apple:
Thanks, I will give it a go. At the mean time if anyone come up with the layout before I do, please kindly share.
Thank you all.

hgs:
Here is a quick adjustment of the color and height. Is this the direction it should go?
https://wbneu.umojasingers.de/
The changes are searched with the developer tool of the browser (F12) and then changed in the template at the right places.

In the file
index.php
the following adjustments were made.


--- Code: ---  <!--==========================
    Footer
  ============================-->
  <footer id="footer">
    <div class="container">
.
.
.
.
  </footer><!-- #footer -->
--- End code ---

the logo was inserted

--- Code: --- <!--==========================
    Footer
  ============================-->
  <footer id="footer">
    <div class="container">
<img src="https://assets-global.website-files.com/60ef8ad6a624ec477fda811d/6101f274c87a2f247062b4ca_logo_derek_prince_uk_01_white.svg" loading="lazy" alt="White Derek Prince Ministries UK logo" class="image-logo-1" width="190" height="41">
.
.
.
  </footer><!-- #footer -->

--- End code ---
 
 
 In the file
style.css

the following changes have been made.
/* Instructions*/ these are the original values

zn 680


--- Code: ---#footer {
  /*background: #f2f5f8;
  padding: 0 0 30px 0;*/
  font-size: 14px;
  background: #000;
  max-width: 100%;
  background-color: #111;
  padding-top: 60px;
  padding-bottom: 200px;
}
.
.
.
#footer .credits {
  text-align: center;
  font-size: 13px;
  /*color: #555;*/
  color: #fff;
}
--- End code ---

Navigation

[0] Message Index

[#] Next page

[*] Previous page