Coppermine Theme: Batch Add Styling

Sometimes in premades or custom designs there are themes that can make your batch adding area look like this:

What you want to do is go to the directory your theme is in and open template.html for editing. Find the CSS files that are linked for styling, then edit the line to be a direct link to the file. So instead of something like this:

themes/test/style.css

you would make it look like this

https://siteurl.com/photos/themes/test/style.css

and now your batch adding should have style.

One thing to keep in mind is that the batch add interface only picks up on a style.css file in the main theme directory (IE /themes/test/) . This means if there are other stylesheets/etc you might have to append them in order to make the batch add styling work. To do this, you just select all in the multiple files and copy/paste into a style.css file in the themes directory.

That’s it for today’s tutorial!

Coding Snippet: Gallery Link Style #1 & #2

As webmasters, we all prefer to find fun ways to display our gallery links on our posts. I have found a few ways throughout 10+ years as a webmaster and thought I would share two of those with you today. The following includes two different ways you can display gallery links or even press links for external or internal articles for posts on fansites. You can use these fun ways on any site (fan, blog, news) or network related to it. Enjoy!

View the styles coded by clicking on the image previews.

Style One

Style #1 – The Code

Place the following code in your stylesheet:

.gallerylinks {
     padding-top: 15px;
     padding-bottom: 15px;
     padding-left: 15px;
     padding-right: 15px;
     font-size: 80%;
     text-transform:uppercase;
     border:1px solid #f5f5f5;
     font-family: 'Poppins', sans-serif;
     font-weight:400;
}

.gallerylinks a:link {
     color:#696969;
     text-transform:uppercase;
     text-decoration:none;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     font-family: 'Poppins', sans-serif;
     font-weight:400;
}

 .gallerylinks a:hover{
     color:#242424;
     text-transform:uppercase;
     text-decoration:none;
     font-family: 'Poppins', sans-serif;
     font-weight:400;
}

.gallerylinks:before {
     content: "Gallery Links"; 
     background-color: #9cc1df;
     display:block;
     font-size: 89%;
     max-width:150px;
     font-style: normal;
     color:#ffffff;
     margin-left:8px;
     margin-top:-28px;
     text-align:center;
     text-transform:uppercase;
     letter-spacing:1px;
     font-family: 'Poppins', sans-serif;
     font-weight:400;
}
Style #1 – Editing
  • To change the text color, find the color: lines and edit after the # sign to whatever color you want to show.
  • To change the background color, find the background-color: lines and edit after the # sign to whatever color you want to show.
  • To change the text, find the content: line and edit the “Gallery Links” to whatever you prefer, example “External Links”
  • To change the font, you can erase the lines font-family: ‘Poppins’, sans-serif; and font-weight:400; for it to use the default of your current theme or you can edit the lines to show what font or font weight you prefer.
  • Change width by adding the following line into the .gallerylinks main class width:50%; you can change the 50% to any size you prefer.
    Style #1 – Adding To Posts

    Add the following code to your posts. If you have changed the class title from gallerylinks to something else, just replace that in the following code as well.

    <div class="gallerylinks">
    Appearances > Events in 2016 > <a href="">March 25: The Art Of People Gala</a><br>
    Appearances > Events in 2016 > <a href="">March 26: The Art Of Trees Gala</a>
    </div>


Style Two

Style #2 – The Code

Place the following code in your stylesheet:

.elinks {
    margin:0;
    padding:5px;
}   

.elinks u {
  text-transform: uppercase;
  font-weight: 700;
  padding-left: 3px;
  padding-right: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: none;
  background-color: #74b2b6;
  color: #ffffff;
  margin-bottom:-8px;
}

.elinks ul {
  padding: 0px;
  margin:0;
}

.elinks li {
  padding: 5px;
  list-style: none;
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-bottom:1px dotted rgba(0, 0, 0, 0.1);
}
Style #2 – Editing
  • To change the text color, find the color: lines and edit after the # sign to whatever color you want to show.
  • To add a background color, place background-color:#COLOR; between the brackets { }
  • To change the font, you can add a font-family:FONT; between the brackets { } otherwise it is going to pick up on the font in your theme.
  • Change width by adding the following line into the .elinks main class width:50%; you can change the 50% to any size you prefer.
    Style #2 – Adding To Posts

    Add the following code to your posts. If you have changed the class title from elinks to something else, just replace that in the following code as well.

    <div class="elinks"><u>Update Links:</u>
    <ul>
    <li>Photos: Public Appearances: <a href="http://jimmisimpsonfan.com/photos/thumbnails.php?album=544">February 26: Jimmi Visits BUILD Series NY</a></li>
    <li>Photos: Screen Captures: <a href="http://jimmisimpsonfan.com/photos/thumbnails.php?album=552">NBC New York</a></li>
    <li>Videos: <a href="https://www.youtube.com/channel/UCUQBtYVB4Zlb4uPA2OiF19A/videos">Unsolved Clips + Interview</a></li>
    </ul>
    </div>

Manually Install WordPress

Hi! I’m here with a manual installation tutorial. It’s really short and to the point, so here we go.

  • 1. Download the latest ZIP of wordpress at: https://wordpress.org/
  • 2. Unzip it all on your computer to check to make sure the zip doesn’t have any errors. Inside of the folder should look like this
  • 3. Upload ALL files for wordpress onto your server via ftp. (you can also zip the files INSIDE of the folder like the cap I linked to and upload via cpanel, then unzip – if that is better) You can upload it to news/wp/wordpress or just public_html, the directory is up to you.
  • 4. Sign into cpanel and click on MySQL® Databases
  • 5. Create a database [ see here ]
  • 6. Create a user / set the password (make sure to copy the password down for future reference) [ see here ]
  • 7. Add User To Database: [ see here ] / set permissions for ALL. [ see here ]
  • 8. Now navigate to wherever you installed your wordpress. www.DOMAIN.com/ or if a subdomain www.DOMAIN.com/news
  • 9. Select your language, this is what wordpress will be shown in. [ see here ]
  • 10. Click let’s go on the next page. [ see here ]
  • 11. Fill in all of your database info: [ see here ] – click submit
  • 12. If all went well, you’ll see this image: [ see here ] – Click run installation
  • 13. Now it’s up to you to fill out the next, here’s mine: [ see here ]
  • 14. You can now log in! [ see here ]

You did a great job! Give yourself a pat on the back or a cookie <3 If you have any questions, ask below. 🙂

Manually Install Coppermine

Hi! I’m here with a manual installation tutorial. It’s really short and to the point, so here we go.

  • 1. Download the latest version of coppermine via http://coppermine-gallery.net/
  • 2. Unzip it all on your computer to check to make sure the zip doesn’t have any errors. Inside of the folder should look like this (view is in small icons)
  • 3. Upload ALL files for coppermine onto your server via ftp. (you can also zip the files INSIDE of the folder like the cap I linked to and upload via cpanel, then unzip – if that is better) You can upload it to photos/gallery whatever suits you.
  • 4. Sign into cpanel and click on MySQL® Databases
  • 5. Create a database [ see here ]
  • 6. Create a user / set the password (make sure to copy the password down for future reference) [ see here ]
  • 7. Add User To Database: [ see here ] / set permissions for ALL. [ see here ]
  • 8. Now navigate to wherever you installed your coppermine. www.DOMAIN.com/photos or www.DOMAIN.com/gallery
  • 9. You’ll see something like this – click the CLASSIC install, you’re more likely to have no errors this way.
  • 10. Fill in all of the info, here is mine
  • 11. You might see something like this which is just letting us know that it has set itself to GD 2 instead of the other options.
  • 12. Click Let’s continue
  • 13. You’re now logged in! you can create your categories and albums with ease as well as upload.

You did a great job! Give yourself a pat on the back or a cookie <3

If you have any questions, ask below. 🙂

How I Move Sites

Using the backup tutorial first: how i backup sites

Then onto the fun stuff. /sarcasm

You’ve created your new account on your new host. Now with the previous tutorial in mind, we’re going to make sure it works on the new host. It’s best if you have a separate domain or a temporary link you can visit while doing this to make sure everything is uploaded correctly. DO NOT delete anything on your old host until you are positive all of your files work on the new one.

1. Sign into your site via ftp.
2. Upload everything you had downloaded onto your site into the public_html section.
3. Make sure everything uploaded correctly and in the exact same structure as you had on your old site.
4. Sign into cpanel.
5. Click MySQL Databases
6. Create a database and user for every database/user you had on your old host.
7. Add the users to the databases with all correct permissions.
8. Go to PHPMyAdmin
9. Click on database.
10. Click import http://tinyimg.io/i/NjYOqqj.jpg, click browse, select the one you want to import, and then click go. it might take a bit to upload if it’s big
11. Do the same steps for ALL of the databases you have.
12. Open File Manager
13. Go into your public_html
14. unzip any zips if you have them. Make sure they are all okay.
15. Open the config files to any and all scripts (wp is wp-config.php located in the directory with your wp files / cpg is config.inc.php which is located in the include folder)
16. Edit the config file with your new database title, user and passwords
17. Save
18. You’re all done. If everything is working correctly on your end, you can now move away from that pesky host you hate. YAY!

If you have to change the domains to anything, you can do so via phpmyadmin.

WP: URL is located in WP_Options table in phpmyadmin. You can search http if needed.

CPG you just sign into to change the url:
Go to the new URL in your browser’s address bar
Log in as admin if you’re not already logged in
Go to Coppermine’s config panel
Expand “General settings”
Enter the new URL into the field “URL of your coppermine gallery folder”
Scroll to the bottom of the config panel
Save your changes by submitting the form using the corresponding button at the bottom of the page

How I Backup Sites

This is a little tutorial, if you have any questions let me know! I’ve re-created these. The previous ones were a little less detailed, so hopefully these will be better.

First things first. The reasons why I don’t use
Cpanel Backup Feature – It sometimes fails or only succeeds in getting only a little. (bad internet connections ftw)
FTP Downloading – I had an issue with downloading via ftp once for a backup. Never used it again. BUT you can use ftp if you trust it and your connection enough.

Now onto the tutorial.

How I backup my sites.
1. Sign into your CPANEL.
2. Once in, go to PHPMyAdmin.
3. You’ll do the same with each database you need to back up, so just repeat the steps for backing up a database until you’re finished.
4. Click on one of the databases
5. Click export http://tinyimg.io/i/84CQuwd.jpg
6. Quick, SQL format, click go and it’ll start downloading.
7. Do steps 4-6 repeatedly until you have all of your databases (wp, gallery, videos, etc) downloaded.

7.5 If you download things via FTP; skip the following steps and just proceed to downloading your files via ftp. If you are doing it the cpanel way, continue on.

8. Now go into your file manager.
9. Go into Public_Html
10. Select all
11. CTRL+Click to de-select the gallery (it’s going to be big, so let’s just zip the crucial site stuff first)
12. Click compress
13. Wait for it to complete. (if you have a larger section that might take some while to complete zipping, feel free to zip in smaller sections.
14. Once down. Download.
15. After that has downloaded, check to make sure zip is not broken.
16. Now onto the gallery. Zip everything apart from the albums folder.
17. Download the zip you just made.
18. Check to make sure zip is not broken.
19. Now that we’re onto the albums, you’ll want to take your time zipping. If something takes too long, cut it into portions (IE instead of zipping appearances, go into that folder and zip year by year)
20. Download your zips.
21. Rearrange everything like how it would be on your sites server, in a folder.
22. Make sure all zips work and did not fail to finish.
23. You’re all done, congrats!

CPanel: Get Notified If Someone Logs Into Your Account

Since I’ve seen hacks that allow people to log in via cpanel, create databases and upload zips/create folders on your account – I thought I would create this to help.

Log in to CPANEL
Click on “Contact Information”
Scroll through the checklist for being notified and check “Someone logs in to my account.”
Click SAVE.

This will notify you ANY TIME someone logs into your account.

What mine looks like: http://tinyimg.io/i/VTIdjON.jpg

(not really a tutorial, but helpful all the same)

.htaccess file – Redirect old domain to new domain

.htaccess file ( most times you can ask your host to do this for you ):
open up your .htaccess file and put the following into it. (OLDDOMAIN is for your previous one and NEWDOMAIN is for your new one)

RewriteEngine on
RewriteCond %{HTTP_HOST} ^olddomain.com [NC,OR]
RewriteCond %{HTTP_HOST} ^www.newdoman.com [NC]
RewriteRule ^(.*)$ http://newdomain.net/$1 [L,R=301,NC]

If you cannot see your .htaccess file, you’ll need to go into your cpanel and change the settings.
http://tinyimg.io/i/KF7ECuR.jpg
http://tinyimg.io/i/JXRF7Sa.jpg

Once done, when someone accesses your old domain, they should be redirected to the new one. 🙂

Change Coppermine Password via phpmyadmin

This is the short, sweet and quick version.

1. Sign into cpanel (which you can do via the client section here(on stars.bz) or via the regular /cpanel url)
2. Click on phpmyadmin
3. Find the username(what you use to sign in to your cpanel with), to the right and click the little ‘x’ to expand the databases.
4. Click on the database you use for your coppermine.
5. Click on the _users table (should have something before the _, whatever you chose to title the tables)
6. Find your username or the user under group_id 1(which is the administrator group id)
7. Click ‘Edit’ which is beside of a pencil next to this username
8. Find ‘user_password’, in the drop down menu select MD5 and type in any password you want to set it as in the text field beside the dropdown.
9. Scroll down until you see a new set of two dropdown menus. One says save and the other should say ‘Go back to previous page’. Below those two is a button that says ‘Go’. Click that ‘Go’ button.
10. Sign in with the new password you set.
11. Give yourself a pat on the back for a job well done.

How to unban your own IP from your Coppermine gallery

If you have the login details to the cpanel of your site and let’s say you’ve had a tough time remembering what password you used, but don’t feel like changing the password.
Well–You’ve tried more than three times or so and it’s banned you from using your own gallery. Here’s how to unban yourself.

1. Sign into your cpanel.
2. Click on PHPMyAdmin
3. Go into your coppermine database.
4. Click browse beside of ‘cpg15x_banned’
5. You should see your own IP in the list, click delete beside of it.

There you go!

Now, changing the password might be the best thing to do while in PHPMyAdmin, don’t you think? 😉

Hope this helped!

How To Repair Your Gallery Tables

I’ve decided to post some tutorials in the updates section.

Start off by signing into your cpanel…
1. Go into PHPMyAdmin
2. Find your coppermine database in the left side once in the PHP MyAdmin
3. Then, click the database you think is your coppermine’s.
4. Then scroll down til you see ‘Check All / Uncheck All’
5. Click ‘Check All’
6. Then, Select ‘Repair Table’ in the dropdown menu, it should repair your tables and then you are all done.

Premades 120 (WP+CPG)

I have added a new premade bundle to the store and sellfy page. This time around, I went for a darker tone since fall is around the corner. You can purchase it on the sellfy or at the store via the respective links. The premade has both like post and share post features as well as options to turn those off in the Customizer. Customizer controls almost everything in the theme so you can edit with ease the colors, site title and slogan among many other things.

If you run into any issues, report them or contact me for assistance.

Premades 99 + 100

I have uploaded new preview links for both 99 and 100. I have also added edits to the themes, re-uploaded and sent out download links to those who have purchased it before.

All sellfy users can find them here and here. All users on Designs by KaciElizabeth store, can find them here and here. I also added the 101 premade set the store had been missing before.

If you run into any errors, send them in.

And as a side note, things on the store have been changed. Mostly the navigation but there are still the sorting options. Just in a drop down menu. If you have any issues with the menu or finding specific things, contact me. Icon Archive 14, has been added. We also have this new nifty little updates area for those who want to check it from time to time.