Jump to content

Drewfus

Clients
  • Joined

  • Last visited

Posts posted by Drewfus

  1. ·

    Edited by Drewfus

    Use this css in theme editor

    .ipsLayout__main {

    background-image: url(https://yoursite/images/pic.png);

    width: 100%;

    background-position: center bottom;

    background-size: cover;

    background-repeat: no-repeat;

    }

    or you can use your resources for your image

    .ipsLayout__main {

    background-image: url({resource="custom/yourimage.png" app="core" location="front"});

    width: 100%;

    background-position: center bottom;

    background-size: cover; background-repeat: no-repeat;

    }

    don't forget to adjust your image position

  2. ·

    Edited by Drewfus

    I change the size and shape of mine in the  theme editor.

    not sure if this is how its done but worked for me.

    .fa-bell  {
      --far: "\f0f3";  
    --icon: '\f0f3';
      color: white;
    opacity: .5;
      min-width: 1.2em;
      text-align: center;
    font-weight: 900;
    font-size: 20px;
    }
    .fa-classic, , .far-solid, .fas {
      font-family: "Font Awesome 6 Free";
    }
    .fa-envelope {
      --fa: "\f0e0";
      --fa--fa: "\f0e0\f0e0";
     color: white;
    opacity: .5;
      min-width: 1.2em;
      text-align: center;
    font-weight: 900;
    font-size: 20px;
    }
    .fa-flag{
      --fa: "\f071";
      --fa--fa: "\f071\f071";
    color: white;
    opacity: .5;
      min-width: 1.2em;
      text-align: center;
    font-weight: 900;
    font-size: 20px;
    }
    .fa-file-alt, .fa-file-lines, .fa-file-text {
      --fa: "\f15c";
      --fa--fa: "\f15c\f15c";
    color: white;
    opacity: .5;
      min-width: 1.2em;
      text-align: center;
    font-weight: 900;
    font-size: 20px;
    }

    userfontawesome.png.ca5fb86ef060b8d9ac2f1f591c91b59c.png

  3. ·

    Edited by Drewfus

    Like I said you can create the block then use your page editor to add the block to the top.I have an example on my site if you want to see it in action.

    Go to your admin scroll to pages click blocks create new block manual html then give your block a title then click on content tab add this code.

    <!DOCTYPE html>
    <html>
    <body>
    	<style>
    .btn {
    background: #0400ff;
      text-decoration: none;
      padding: 0.5rem;
      border: 1px solid #333333;
    }
    </style>
    <marquee font style="bold" scrolldelay="100"><font size="5" face="Verdana"><font color="#BC8F8F">
    ***Get all the Latest News... World News..UK News..US News..ect.***
    
        <a class="btn" href="https://your site/latest news/">
          Click to see our news
    
    
        </a></marquee>
    
    
    
    
  4. Posted

    Just notice that when I logged in as a member I am able to edit the theme editor and use the page editor how do I make it so members cannot use it?

    I do not want members to be able to change my theme or page.

    Nevermind I fixed it!

  5. You could also use your resources

    .ipsLayout__main { 
    background-image:url({resource="custom/header.jpg" app="core" location="front"}); 
     width: 100%;
      height: 100px;
      background-position: center top;
      background-size: cover;
     background-repeat: no-repeat;
    }