Add copyright to footer

• 

  freelyfatima · Member · Aug 2, 2014 at 12:10 am

  • Copy link
  • Add topic to favorites

  Hi, I want to add Copyright Freely Fatima. All Rights Reserved. to the footer of my website. I am using Adelle theme.
  Here’s my website: freelyfatima.com

  The blog I need help with is: (visible only to logged in users)

• 

  5mutek · Member · Aug 2, 2014 at 12:59 am

  • Copy link

  Hi Fatima,

  Try this and let us know if it helps –

  /* Add copyright to footer using content property & pseudo element */
  
  .site-info:before {
  	color: #DAB56C;
  	content: 'Copyright Freely Fatima. All Rights Reserved.'
  }

  If you’d like the copyright symbol instead of the word, simply replace the word copyright with 0A9 – like so –

  /* Add copyright to footer using content property & pseudo element */
  
  .site-info:before {
  	color: #DAB56C;
  	content: '0A9 Freely Fatima. All Rights Reserved.'
  }

• 

  5mutek · Member · Aug 2, 2014 at 1:02 am

  • Copy link

  Sorry, I botched the copyright symbol in that second block of CSS.

  /00A9 is for the symbol –

  /* Add copyright to footer using content property & pseudo element */
  
  .site-info:before {
  	color: #DAB56C;
  	content: '0A9 Freely Fatima. All Rights Reserved.'
  }

• 

  5mutek · Member · Aug 2, 2014 at 1:05 am

  • Copy link

  Hmm… for some reason the editor seems to be stripping some of my characters.

  I hope I haven’t thoroughly confused you. The first block of CSS in my original post will give you exactly what you asked for.

• 

  jengirl3 · Member · Sep 6, 2014 at 3:20 pm

  • Copy link

  Hi, I’m trying to do the same to my Twenty Ten Theme.
  I’m a bit clueless on CSS. I copied and pasted the above into my CSS editor and clicked Preview but it didn’t seem to work.

  Any idea why? Do, I replace the CSS default instructions? Or copy it below it? Should the code be different for my theme?

  My blog is stemroots.net.

  Any pointers are much appreciated. Thank you.

• 

  timethief · Member · Sep 6, 2014 at 3:22 pm

  • Copy link

  @jengirl3
  All CSS editing is theme specific editing. Please use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can copy and paste your text into your own thread that will appear in the CSS Forum where you will get the help you need.

• 

  timethief · Member · Sep 6, 2014 at 3:24 pm

  • Copy link

  @jengirl3
  Please note that you need to restore the to gray Admin bar. Removing it is a ToS violation.

• 

  jengirl3 · Member · Sep 6, 2014 at 8:48 pm

  • Copy link

  Thank you. I’m not sure what the gray Admin bar is our how I removed it/how to get it back. Does that go in the same forum as well?

• 

  jengirl3 · Member · Sep 7, 2014 at 9:42 am

  • Copy link

  Hi, I’m trying to do the same to my Twenty Ten Theme.
  I’m a bit clueless on CSS. I copied and pasted the above into my CSS editor and clicked Preview but it didn’t seem to work.

  Any idea why? Do, I replace the CSS default instructions? Or copy it below it? Should the code be different for my theme?

  My blog is stemroots.net.

  Any pointers are much appreciated. Thank you.

• 

  hallluke · Member · Sep 7, 2014 at 12:50 pm

  • Copy link

  This is how to add to your footer in Twenty Ten:

  #site-generator:before {
    content:"a9a0lalalalala!";
    font-style:normal;
  }

• 

  jsmutek · Member · Sep 7, 2014 at 2:27 pm

  • Copy link

  This will work as well –

  /******** Add Copyright ***************/
  
  /* set color */
  
  #site-info {
  	color: #000;
  }
  
  /* text before */
  
  #site-info:before {
  	content: 'Copyright '
  }
  
  /* text after */
  
  #site-info:after {
  	content: '2014, all rights reserved.'
  }